Bonjour à tous.
Je suis entrain d'essayer de réaliser un petit truc en Javascript / Jquery, mais je suis plus ou moins bloqué... Je viens donc vous demander de l'aide 
En gros, dans mon html j'ai une liste de petites images ainsi qu'un div avec une très grande image. Et je voudrais que dès qu'on clic sur une des images dans la liste, ça change celle de la div (en grand). J'y suis arrivé et j'y ai mit un peu de dynamisme avec un slideup/down, ce qui me satisfait à peu près.
Le problème est que la source de l'image du div se remplace dès le clic, avant que le slide soit up (si je peut dire ça ainsi...).
Voici mon Jquery, en espérant que quelqu'un pourrait me dire ce qui cloche... 
Code :
- <script>
- $(document).ready(function(){
- var $attribut = $("#bigphot img" ).attr("src" );
- $("header ul li img" ).click(function() {
- $("#bigphoto img" ).slideUp("slow" );
- $attribut = $(this).attr("src" );
- $attribut = $attribut.replace(" - copie.jpg", ".jpg" );
- $("#bigphoto img" ).slideDown("slow" );
- $("#bigphoto img" ).attr("src",$attribut) ;
- });
- });
- </script>
|
