Fondu d'image avec Jquery

Fondu d'image avec Jquery - HTML/CSS - Programmation

Marsh Posté le 28-03-2014 à 16:41:00    

Bonjour,
 
Mon script fonctionne (changer d'image à intervalle régulier) mais je voudrais faire un fondu entre chaque image avec jquery. Comment faire ?
 
Merci de votre aide.
slr56
 

Code :
  1. <html>
  3. <head>
  5. </head>
  7. <body>
  8. <img src="1.jpg" width="950" height="120" id="image" />
  10. <script src="jquery.js"></script>
  13. <SCRIPT language="JavaScript" type="text/javascript">
  15. // Mon tableau qui contient toutes tes images.
  16. var images = new Array();
  17. images.push("1.jpg" );
  18. images.push("2.jpg" );
  19. images.push("3.jpg" );
  21. var pointeur = 0;
  23. function ChangerImage(){
  24. document.getElementById("image" ).src = images[pointeur];
  26. if(pointeur < images.length - 1){
  27. pointeur++;
  28. }
  29. else{
  30. pointeur = 0;
  31. }
  33. setTimeout("ChangerImage()", 5000)
  34. }
  36. // Charge la fonction
  37. window.onload = function(){
  38. ChangerImage();
  39. }
  40. </SCRIPT>
  42. </body>
  44. </html>



---------------
Configurations type du moment : https://forum.hardware.fr/hfr/Hardw [...] 1331_1.htm  https://www.jouannetphotographe.com
Reply

Marsh Posté le 28-03-2014 à 16:41:00   

Reply

Marsh Posté le 03-04-2014 à 15:55:57    

Pas d'idée ?


---------------
Configurations type du moment : https://forum.hardware.fr/hfr/Hardw [...] 1331_1.htm  https://www.jouannetphotographe.com
Reply

Sujets relatifs:

Leave a Replay

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