Manipuler la transparence et le positionnement avec Jquery ?

Bonjour,

J'ai vu sur ce site http://wilnichols.com/ un effet intéressant de manipulation de la transparence et du positionnement lors du clic sur les éléments de navigation. J'ai cru comprendre que celà était réalisé en Javascript avec Jquery.

Je suis très intéressé de savoir quelles fonctions ou effets sont impliqués pour pouvoir lire la doc correspondante et espérer les reproduire pour mon futur site perso.

J'aimerais aussi savoir comment faire pour utiliser un effet de fondu enchainé au survol sur une image/image de fond, afin de créer des boutons animés fluide sans flash.

Mon but et d'apprendre à le faire par moi même via de la doc et/ou des tutos. Je cite Jquery car j'ai cru comprendre également que c'était un peu le top en matière de frameworks pour les graphistes qui veulent enjoliver leur site eux même sans passer par des scripts préfabriqués. Si je me trompe et que vous connaissez mieux, n'hésitez pas à me corriger.

Je souhaite au final un site léger, rapide et fluide.

Merci d'avance !

Bonjour,

Le site en question n'est pas forcement un bon exemple en terme de codage non-obstrusif. Les différentes pages sont totalement inaccessible avec javascript désactivé. Il auraient fallu qu'elles apparaissent à la suite dans ce cas de figure.


Pour l'effet de fondu vas voir du coté de la fonction animate et de la propriété opacity.

L'effet de slider faut regarder aussi la fonction animate avec les propriété de positionnement.

Coucou,

En effet j'ai eu l'occasion de discuter avec le graphiste en question qui m'a avoué que c'était codé à l'arrachée avec tous ses conteneurs surperposés les uns sur les autres à droite du viewport en opacité 0 et qu'il jouait avec leur margin et l'opacity via jquery.

Avez vous par hasard connaissance d'un tuto pour faire un effet similaire proprement ? (Le Coda Slider Effect dépeint sur Jquery for Designers est très propre il me semble même si là ce n'est déjà plus "toute" la page qui bouge). Ce qui m'intéressait c'est ce côté, "la caméra bouge" ou "le décor se déplace" pas juste un élément animé au milieu de la page.

Merci de m'avoir répondu.

vincentjuan a écrit :
J'ai vu sur ce site http://wilnichols.com/ (…)

<hs>Chouette boulot </hs>

Mon Française n'est pas bon, je suis désolé...

Jquery Tools est trés bon, et il a trés bon tutoriaux (http://translate.google.com/?js=y&prev=_t&hl=en&ie=UTF-8&layout=1&eotf=1&text=it%0D%0A&sl=en&tl=fr#en|fr|g ). "Tabs" est très proche de mon effet.

Wil Nichols a écrit :
Mon Française n'est pas bon, je suis désolé...

Jquery Tools est trés bon, et il a trés bon tutoriaux (http://translate.google.com/?js=y&prev=_t&hl=en&ie=UTF-8&layout=1&eotf=1&text=it%0D%0A&sl=en&tl=fr#en|fr|g ). "Tabs" est très proche de mon effet.

Seriously ??? You're like ... everywhere ! I'm definitely surprised to find you on Alsacréations ! Considering that you already gave me some elements of an answer within the Macthemes forum, it is very kinf of you.