Discussion :

[kalan]

Bonjour,
En fait j'aimerais faire un petit plugin pour ma page web qui permettrait lorsque l'on clique dessus de modifier entierement les couleurs de la page web comme si on posé un filtre de couleur dessus.
Avez vous une idées comment faire ou des urls qui peuvent me donner des pistes je n'ai rien tourvé pour le moment

Merci

[siddh]

euh ben un changement de feuille de style ?
sinon un div par dessus en jouant sur l'opacité mais du coup tes liens seront inactifs car masqués par le div ....

[kalan]

en fait ca serait pour faire un effet comme ca :
http://www.huddletogether.com/projects/lightbox2/
mais au lieu d'assombrir ca changerait les paremetres rgb de chaque pixel de la page ...
je vais essayer de regarder le code mais tu penses qu'un simple div et un changement de css pourrait marcher pour faire ca ?

[ozzmax]

alors l'effet est vraiment intéressant
mais bon comme dans l'exemple que tu as donnée en référence tes liens n'ont pas besoin d'être clickable si tu ouvre une popup en meme temps que d'appliquer ton effet
les div semble etre un bon choix

[siddh]

Lightbox v2.0 uses the Prototype Framework and Scriptaculous Effects Library.

C est exactement ça, ils ajoutent un div par dessus et jouent sur l'opacité.
Et si tu veux pas te prendre la tete, fait comme eux et utilises Prototype et Scriptaculous (ou Dojo ou autre).

[kalan]

mais jouer sur l'opcaite on peut jouer sur les couleurs aussi ? (par ex baisse le rouge , ou le bleu ... ?)

[siddh]

ben tu met une couleur a ton div que tu met par dessus, ce qui changera la couleur de dessous si tu le met un peu transparent non ?

[kankrelune]

Je pense que ce que tu veux faire n'a rien à voir avec l'exemple que tu donne... arrête moi si je me trompe mais toi ce que tu veux c'est changer l'habillage de ton site... la couleur de fond, des liens, etc... c'est possible en changeant les valeurs de style du corp de ton site... utiliser prototype, qui est une librairie au combien fabuleuse mais lourde, juste pour ça c'est comme chasser des mouches avec un 45 magnum... .. .


@ tchaOo°

[ozzmax]

ben tu met une couleur a ton div que tu met par dessus, ce qui changera la couleur de dessous si tu le met un peu transparent non ?

Ben en tout logic je dirais que oui
du moins sa va assombrir et pas faire l'effet contraire
si par contre il veux completement changer la couleur...tu crois qu'il peut jouer avec l'opacité mais avec une couleur différente??

du genre fond jaune avec div bleu translucide donnera un vert??
je délire là?

[kalan]

en fait c'est pour faire un site sur le daltonisme,
et de pouvoir par le biais de ce site enlever un certain pourcentage de rouge a chaque pixel.
Dans scriptaculous ca ne joue jamais sur les couleurs en fait juste sur l'opacité

un example tout con serait d'enlever 20% de la composante rouge a chaque pixel sur la page web par exemple ...

[ozzmax]

alors dans ce cas
tu peux définir un css ``a l'avance la
tu en fait un normal et un diminué de 20%
lors du click tu charge l'un ou l'autre des css

[kalan]

Je suis d'accord mais si tu ne sais pas qu'elle sera le contenu du site à l'avance ?

[kankrelune]

Ca change rien ça... tu met en forme ton contenu en définissant le style avec des class généralistes... .. .

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div class="contenu">
... ton contenu ...
</div>

Après le text sera mis en forme en fonction de ce que définit ta class css "contenu"... et ainsi de suite... .. .

@ tchaOo°

[Cpas2latarte]

sur explorer il y a des filtres assés simpat qu'on peut utiliser dans ls CSS
mais cela ne fonctionne que sur explorer
ex :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<ELEMENT STYLE=
"filter:progid:DXImageTransform.Microsoft.Blur(sProperties)" ... >