Concernant ton tuto sur le slider jquery

Par B4rto, il y a 15 ans

Javascript

Voila concrètement je voudrais afficher l'images centrale du slider dans une autre div pour faire une galerie dynamique, je ne veux pas cliquez sur l'image du slider pour afficher, quand on click sur la fleche sa affiche l'image milieu du slider. Le hic c'est comment récupérer cette image. Comme c'est des lien c'est facile ensuite avec un include de faire apparaitre l'image et pourquoi pas du contenu texte dans la div mais je n'arrive pas à séléctionner cette image.

C'est pas évidant à expliqué donc je pense une image est plus simple :

1 réponse

B4rto, il y a 15 ans

Ok j'ai résolu le problème, me suis cassé la tête en cherchant et la solution étais simple :).
En gros pour récupérer l'image du haut j'ai fait un pointeur courant qui s'incremente/décremente en fonction du click sur les flêche. Ensuite j'ai redéfini mes image dans le halt je passe l'url du contenu à afficher (donc text et la grande image) :
Pour récupérer ce halt je fait passé le numéro du pointeur et c'est gagné.

this.suiv.click(function(){
        if(self.courant<=(self.nblien-2)){
            self.choix=document.getElementsByTagName('img')[self.pointeur].alt;
            self.pointeur++;
            self.courant++;
            self.sautcour-=self.saut;
            self.slider.animate({
                top: self.sautcour
            },1000);    
            $.ajax({
                url: "content/"+self.choix,
                cache:false,
                success:function(php){
                afficher(php);
                },
                error:function(XMLHttpRequest,textStatus, errorThrown){
                    afficher("erreur lors du chagement de la page");
                }
            })
        }   
    });