Un petit problème javascript

Fermé
jjaco Messages postés 530 Date d'inscription dimanche 20 janvier 2008 Statut Membre Dernière intervention 2 juin 2024 - 15 févr. 2012 à 17:08
le_joker_fou Messages postés 764 Date d'inscription mercredi 5 août 2009 Statut Membre Dernière intervention 7 août 2014 - 15 févr. 2012 à 21:05
Bonjour,

je viens de mettre des photos de ma voiture dans un fichier "image", et j'ai réussi à les faire passer une après l'autre avec javascript le code :

<script language="JavaScript">
<!--
//PLF-https://twitter.com/ceosammassey
function objet() {
this.length = objet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
}
var nom = new objet ("auto1.jpg", "auto2.jpg", "auto3.jpg" , "auto4.jpg", "auto5.jpg", "auto6.jpg", "auto7.jpg");
var numero = 1;

function changer() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = "img/"+nom[numero];
roll=window.setTimeout('changer()',3000)
}

function initial() {
if (numero != 1) numero = 1;
window.clearTimeout(roll);
document.image.src = "img/"+nom[numero];
}

function prechargimg() {
var doc=document;
if(doc.images){ if(!doc.precharg) doc.precharg=new Array();
var i,j=doc.precharg.length,x=prechargimg.arguments; for(i=0; i<x.length; i++)
if (x[i].indexOf("#")!=0){ doc.precharg[j]=new Image; doc.precharg[j++].src=x[i];}}
}
//-->
</script>
et en <body
<a href="#" onMouseOut="initial()" onMouseOver="changer()" >

si je laisse ma souris sur l'image, toutes les 3 secondes l'image passe à la suivante
si je rtire ma souris de l'image, on revient à l'image initiale

J'aimerais pouvoir par exemple cliquer pour pouvoir m'arreter sur une image
onclick="figer()" ou onMouseOut="figer()"
dans mon cas je ne vois pas l'intérêt de revenir à l'image initiale

merci, j'espère que je me suis fait comprendre

jjaco

1 réponse

le_joker_fou Messages postés 764 Date d'inscription mercredi 5 août 2009 Statut Membre Dernière intervention 7 août 2014 239
15 févr. 2012 à 21:05
Pourquoi ré-inventer la roue à chaque fois?

http://www.scriptiny.com/2009/12/slideshow-script/ => Voilà un script en Jquery très léger qui te conviendra.
0