« Programmation JavaScript/Programmer en deux minutes/Tout un site web dans un seul document » : différence entre les versions
Contenu supprimé Contenu ajouté
Ligne 101 :
;Javacript :
:$ est l'objet jQuery. Le script exécute, lorsque le document est prêt c'est-à-dire que tout est chargé, une fonction créant l'objet <code>slider()</code>.
:<code>slider()</code> modifie les styles des divisions #slide, #next et #previous en utilisant les instructions jQuery <code>animate()</code>, <code>show()</code> et <code>hide()</code>.
<source lang=javascript>
$ = new slider("#galerie");
});
var slider = function(id){
var self=this;
this.div = $(id);
Ligne 126 ⟶ 127 :
this.nbSaut=Math.ceil(this.largeurDesPages/this.saut - 1);
this.courant=0; // Le numéro de la page courante.
//Evenement lorsqu'on clique sur next
this.next.click(function(){
if (self.courant<self.nbSaut){
Ligne 146 ⟶ 148 :
});
//Evenement lorsqu'on clique sur previous
this.prev.click(function(){
if (self.courant>0){
Ligne 162 ⟶ 166 :
}
});
alert("largeur totale des pages : "+this.largeurDesPages+"px\n"
+"saut : "+this.saut+"px\n"
| |||