Petite modification du Slider Javascript avec jQuery.

fou
Javascript

Bonjour,

Tout d'abord, un grand merci pour votre magnifique travail. Franchement c'est un super site qui permet d'apprendre plein de chose

Voila j'ai une petite question par rapport au Slider Javascript avec jQuery.

Comment est ce que je pourrais faire pour afficher en dessous du slider la première image du slider par exemple, et lorsque l'on cliquerais sur une autre, ce serais cet autre image qui s'afficherait en dessous.

Merci d'avance.

4 réponses

mespeche
Réponse acceptée

Peut être faire une seconde liste d'image miniature en dessous du slider général, par contre il faut modifier le code Jquery afin de l'adapter au clic sur chaque miniature.

MrGuillou
Réponse acceptée

Je débute en js donc je t'ai fait quelque chose de simple mais qui fonctionne

donc tu à une fonction

<script type="text/javascript">
function change_picture(link)
{
document.getElementById("view_picture").src = link;
}
</script>

Puis les lien de tes images 

<a href="#picturs1" onClick="change_picture('images/test1.jpg');">
<img src="images/test2.jpg">
</a>
<a href="#picturs2" onClick="change_picture('images/test2.jpg');">
<img src="images/test2.jpg">
</a>
<a href="#picturs3" onClick="change_picture('images/test3.jpg');">
<img src="images/test3.jpg">
</a>

Et enfin la balise image qui contient ton image par default, et qui va afficher les autres images 

<img id="view_picture" src="images/test1.jpg">

Comme je dit plus haut je débute en js, il doit surement y avoir une meilleur façon

fou
Auteur

Merci beaucoup,

Car en faite je débute aussi en .JS donc je ne sais pas trop comment il fallait faire pour réaliser cela.

Un tout grand merci.

MrGuillou

Merci de mettre le sujet en résolut si ton problème est réglé, en valident les messages qui ton aidées