Bonjour
Je viens vers vous car j'ai réussi à trouver un slideshow parfait pour ce que je veux faire (à savoir un slideshow permettant l'affichage d'images en aleatoire)... Mais il n'est pas totalement parfait car il me manque 2 des choses que je souhaite sur ce script à savoir :
- Au lieu de marquer un a un les liens de mes images a afficher je voudrais qu'il aille les piocher dans un dossier contenu sur mon site
- Je souhaiterais que les transitions soient en fondu
Voila le code que j'ai trouvé :
Merci d'avance
Je viens vers vous car j'ai réussi à trouver un slideshow parfait pour ce que je veux faire (à savoir un slideshow permettant l'affichage d'images en aleatoire)... Mais il n'est pas totalement parfait car il me manque 2 des choses que je souhaite sur ce script à savoir :
- Au lieu de marquer un a un les liens de mes images a afficher je voudrais qu'il aille les piocher dans un dossier contenu sur mon site
- Je souhaiterais que les transitions soient en fondu
Voila le code que j'ai trouvé :
<script language="javascript">
/*
Random image slideshow- By Tyler Clarke (tyler@ihatecoffee.com)
For this script and more, visit http://www.javascriptkit.com
*/
var delay=1000 //set delay in miliseconds
var curindex=0
var randomimages=new Array()
randomimages[0]="1.jpg"
randomimages[1]="5.jpg"
randomimages[2]="2.jpg"
randomimages[3]="4.jpg"
randomimages[4]="3.jpg"
randomimages[5]="6.jpg"
var preload=new Array()
for (n=0;n<randomimages.length;n++)
{
preload[n]=new Image()
preload[n].src=randomimages[n]
}
document.write('<img name="defaultimage" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]+'">')
function rotateimage()
{
if (curindex==(tempindex=Math.floor(Math.random()*(randomimages.length)))){
curindex=curindex==0? 1 : curindex-1
}
else
curindex=tempindex
document.images.defaultimage.src=randomimages[curindex]
}
setInterval("rotateimage()",delay)
</script>
Merci d'avance