Intereting Posts
GetMonth en javascript donne le mois dernier
Bibliothèque GWT avec script Javascript externe
La directive Angularjs ajoute des directives en tant qu'attribut et les lient dynamiquement
Obtenir la hauteur d'un div en centimètre en utilisant jquery?
Image de progression pendant la chargement de la page
JavaScript: Format du numéro / de la devise w en ce qui concerne la culture comme le String.Format () de .NET?
Mise à jour automatique / page de mise à jour automatique en arrière-plan
Javascript: comment ajouter div dans "début" d'un autre div
Cross navigateur JavaScript (pas jQuery …) faites défiler jusqu'à l'animation supérieure
Alternative aux cookies
Test intéressant de Javascript RegExp
Utilisation de D3.js avec un objet javascript au lieu d'un fichier JSON externe
Comment détecter que la page Google Instant a été complètement chargée?
Code javascript pour vérifier les caractères spéciaux
Ligne de dégradé dans SVG pour le chemin de carte Google
Comment créer un diaporama d'image en html?
Je veux faire un diaporama d'image sur mon site web, voici mon code
<head> <script type="text/javascript"> var image1 = new Image() image1.src = "images/pentagg.jpg" var image2 = new Image() image2.src = "images/promo.jpg" </script> </head> <body> <p><img src="images/pentagg.jpg" width="500" height="300" name="slide" /></p> <script type="text/javascript"> function slideit() { var step=1; document.images.slide.src = eval("image"+step+".src") if(step<2) step++ else step=1 setTimeout("slideit()",2500) } slideit() </script> </body> Pourquoi ça ne fonctionne pas? J'ai mis l'image que je souhaite dans le dossier images
- Définissez var step = 1 en tant que variable globale en le mettant au dessus de l'appel de fonction
- Mettre des points-virgules
Il ressemblera à ceci
<head> <script type="text/javascript"> var image1 = new Image() image1.src = "images/pentagg.jpg" var image2 = new Image() image2.src = "images/promo.jpg" </script> </head> <body> <p><img src="images/pentagg.jpg" width="500" height="300" name="slide" /></p> <script type="text/javascript"> var step=1; function slideit() { document.images.slide.src = eval("image"+step+".src"); if(step<2) step++; else step=1; setTimeout("slideit()",2500); } slideit(); </script> </body>
Au lieu d'écrire le code à partir du scratch, vous pouvez utiliser la connexion jquery. Une telle connexion peut également fournir de nombreuses options de configuration.
Voici ce que j'ai le plus aimé.