[Problème] Jquery .replace

Jquery .replace [Problème] - HTML/CSS - Programmation

Marsh Posté le 20-02-2014 à 10:38:37    

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  :ange:  
 
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 :
  1. <script>
  2.        $(document).ready(function(){
  3.            var $attribut = $("#bigphot img" ).attr("src" );
  4.               $("header ul li img" ).click(function() {
  5.                     $("#bigphoto img" ).slideUp("slow" );
  6.                     $attribut = $(this).attr("src" );
  7.                     $attribut = $attribut.replace(" - copie.jpg", ".jpg" );
  8.                     $("#bigphoto img" ).slideDown("slow" );
  9.                     $("#bigphoto img" ).attr("src",$attribut) ;
  10.                });
  11.        });
  12. </script>

Reply

Marsh Posté le 20-02-2014 à 10:38:37   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed