Bonjour à tous !
J'aurais besoin de votre aide, je suis en train de créer mon site et j'ai quelques petits problèmes avec javascript. En effet j'ai fait un slider et j'aimerais que lorsque l'on clique sur les liens à côté de ce slider, les images dans le slider changent ainsi que le texte en dessous. Je ne sais pas si j'ai été très clair, voici mon code html :
Merci d'avance pour votre aide, là je désespère !
J'aurais besoin de votre aide, je suis en train de créer mon site et j'ai quelques petits problèmes avec javascript. En effet j'ai fait un slider et j'aimerais que lorsque l'on clique sur les liens à côté de ce slider, les images dans le slider changent ainsi que le texte en dessous. Je ne sais pas si j'ai été très clair, voici mon code html :
<div class="content">
<ul class="worklist">
<li><a href="#" title="lien1"><img src="../img/worklist/exampleworklist.png"></a></li>
<li><a href="#" title="lien2"><img src="../img/worklist/exampleworklist.png"></a></li>
<li><a href="" title="lien3"><img src="../img/worklist/exampleworklist.png"></a></li>
</ul><!-- fin worklist-->
<div id="slider">
<img src="../img/slider/glass.png" id="glass">
<ul id="slider1">
<div id="gallerie1">
<li><img src="../img/slider/Itopos1.jpg"></li>
<li><img src="../img/slider/Itopos2.jpg"></li>
</div>
<div id="gallerie2">
<li><img src="../img/slider/alume1.jpg"></li>
<li><img src="../img/slider/alume2.jpg"></li>
</div>
<div id="gallerie3">
<li><img src="../img/slider/cube1.jpg"></li>
<li><img src="../img/slider/cube2.jpg"></li>
</div>
</ul>
<div class="presentation">
<div id="texte1">
<h1>itopos</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis feugiat leo imperdiet enim iaculis in scelerisque nibh suscipit. Nullam dignissim risus luctus nunc gravida pretium. Suspendisse non augue a sapien sollicitudin fringilla vitae ut nisi. Sed et leo erat. Maecenas id leo ipsum. Morbi eu congue lacus. Mauris a cursus orci. Cras a magna vel justo tincidunt condimentum.</p>
</div>
<div id="texte2">
<h1>alume</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis feugiat leo imperdiet enim iaculis in scelerisque nibh suscipit. Nullam dignissim risus luctus nunc gravida pretium. Suspendisse non augue a sapien sollicitudin fringilla vitae ut nisi. Sed et leo erat. Maecenas id leo ipsum. Morbi eu congue lacus. Mauris a cursus orci. Cras a magna vel justo tincidunt condimentum.</p>
</div>
<div id="texte3">
<h1>cube</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis feugiat leo imperdiet enim iaculis in scelerisque nibh suscipit. Nullam dignissim risus luctus nunc gravida pretium. Suspendisse non augue a sapien sollicitudin fringilla vitae ut nisi. Sed et leo erat. Maecenas id leo ipsum. Morbi eu congue lacus. Mauris a cursus orci. Cras a magna vel justo tincidunt condimentum.</p>
</div>
</div><!-- fin presentation-->
</div><!-- fin slider-->
</div><!-- fin content-->Merci d'avance pour votre aide, là je désespère !