Je suis très fière de me mettre aujourd’hui aux techniques d’il y a 5 ans, alors on se moque pas trop fort de mon premier appel au célèbre framework javascript…

J’men suis servi pour créer un effet d’apparition un peu alpha sur une liste de contributeurs  ul id="licred" et un diaporama sur une image. Pour cela, on doit ajouter Cycle à la bibliothèque jquery de base… Et c’est un plugin dont se sert aussi indexhibit, ô comme c’est rigolo!

// LES CONTRIBUTEURS
$(document).ready(function(){
$('#licred').hide();
$("#cred h1.puce > a").click( function () {
if ($("#licred:visible").length != 0) { $("#licred").fadeOut("slow"); }
else { $("#licred").fadeIn("normal"); }
return false; });

// equivalent de onload, quand le doc est prêt...
// cache liste des contributeurs
// On modifie l'évènement "click" sur le lien du titre dans div id cred
// Si c allumé on éteint?
// Ou si c'est éteint on allume
// + On empêche le navigateur de suivre le lien   au chargement
// LE DIAPORAMA -- c pour lui quon charge Cycle ligne 2
$('#def').cycle({ /* #def comme id du bloc autour de l' img */
fx:    'fade', /* effet choisi  */
timeout: 4000 /* temps (ici 4 secondes) entre les img */
});	    });

à quoi ça sert jquery?

à cette pertinente question j’ai brillamment répondu ailleurs avec un exemple:

« Jquery, c’est ce qui permet d’écrire this.fade('slow'); plutôt que d’avoir à écrire comment pécho this et gérer les opacités dans le temps. « 

Évidemment sans le copier coller je ne serai rien. Le résultat sur le site provisoire de la bijouterie d’une amie.

Ce billet a été publié le Lundi, décembre 7th, 2009 à 7:15, classé dans Restes du Monde du Web. Suivez les réactions à ce billet via ce fil RSS RSS 2.0. Réagissez ici, ou poursuivez la discussion sur votre site.