Comment créer un diaporama d'images en html?
Je veux faire une image de diaporama 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 il ne fonctionne pas? J'ai mis en image que je veux dans le dossier d'images
source d'informationauteur greenthunder
Vous devez vous connecter pour publier un commentaire.
Il ressemblera à ceci
Au lieu d'écrire le code à partir de zéro, vous pouvez utiliser jquery plug-in. Ces plug-in peut fournir beaucoup de l'option de configuration en tant que bien.
Ici est celui que j'ai le plus aimé.
http://www.zurb.com/playground/orbit-jquery-image-slider