probleme d'appel de fonction

01 janv. 2009, 10:55

salut et bonne année a tous!

voila j'ai un ptit probleme de rien,

j'ai un script

<?php 
$var9="img/snap0.jpg" ;$var1="img/snap2.jpg" ;$var2="img/snap3.jpg" ;$var3="img/snap4.jpg" ;$var4="img/snap5.jpg" ;$var5="img/snap6.jpg" ;$var6="img/snap7.jpg" ;$var7="img/snap8.jpg" ;$var="img/snap1.jpg" ;$var8="img/snap9.jpg" ;
?>
<head>
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
imgPath = new Array;
SiClickGoTo = new Array;
if (document.images)
	{
	i0 = new Image;
	i0.src = '<? echo $var1 ; ?>';
	SiClickGoTo[0] = "";
	imgPath[0] = i0.src;
	i1 = new Image;
	i1.src = '<? echo $var2 ; ?>';
	SiClickGoTo[1] = "";
	imgPath[1] = i1.src;
	i2 = new Image;
	i2.src = '<? echo $var3 ; ?>';
	SiClickGoTo[2] = "";
	imgPath[2] = i2.src;
	i3 = new Image;
	i3.src = '<? echo $var4 ; ?>';
	SiClickGoTo[3] = "";
	imgPath[3] = i3.src;
	i4 = new Image;
	i4.src = '<? echo $var5 ; ?>';
	SiClickGoTo[4] = "";
	imgPath[4] = i4.src;
	i5 = new Image;
	i5.src = '<? echo $var6 ; ?>';
	SiClickGoTo[5] = "";
	imgPath[5] = i5.src;
	i6 = new Image;
	i6.src = '<? echo $var7 ; ?>';
	SiClickGoTo[6] = "";
	imgPath[6] = i6.src;
	i7 = new Image;
	i7.src = '<? echo $var8 ; ?>';
	SiClickGoTo[7] = "";
	imgPath[7] = i7.src;
	i8 = new Image;
	i8.src = '<? echo $var9 ; ?>';
	SiClickGoTo[8] = "";
	imgPath[8] = i8.src;
	}
a = 0;
function ejs_img_fx(img)
	{
	if(img && img.filters && img.filters[0])
		{
		img.filters[0].apply();
		img.filters[0].play();
		}
	}

function StartAnim()
	{
	if (document.images)
		{
		document.write('<IMG SRC="<? echo $var1 ; ?>" BORDER=5 width=250 height=100 ALT=Menu NAME=defil style="filter:progid:DXImageTransform.Microsoft(MaxSquare=1,Duration=1)">');
		defilimg()
		}
	else
		{
		document.write('<A HREF=""><IMG SRC="<? echo $var1 ; ?>" BORDER=0></A>')
		}
	}
function ImgDest()
	{
	document.location.href = SiClickGoTo[a-1];
	}
function defilimg()
	{
	if (a == 9)
		{
		a = 0;
		}
	if (document.images)
		{
		ejs_img_fx(document.defil)
		document.defil.src = imgPath[a];
		tempo3 = setTimeout("defilimg()",190);
		a++;
		}
	}
</SCRIPT>
<!-- FIN DU SCRIPT -->
</head>
<body>
<!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com/scripts/scripts_images_1_55.php
-->
<SCRIPT LANGUAGE="JavaScript">
StartAnim()
</SCRIPT>
<!-- FIN DU SCRIPT -->

</body>

il me sert a changer d'image toutes les x milliseconde
et sa marche plutot bien!

mais voila ja voudrais plutot afficher une image fixe au demarage de ma page et que lorsque je passe ma souris dessus il execute monscript .
nb: je suis newbee avec js.

alors j'ai essayé sa:

Code : Tout sélectionner

<img src="img/snap1.jpg" id="1" onmouseover=StartAnim('1')"  >

sa change bien mon image contre la premiere du lot de defillement mais s'arrete ensuite et ne defile pas!

que doi-je fair ?
merci
@*+

02 janv. 2009, 20:40

Je te propose un truc
Ton problème aussi réside dans les images que tu dois afficher en arrière plan pour éviter (si elles sont de grosses tailles) d'avoir des ralentissements
Le but de la manœuvre est de jouer avec les CSS et de la propriété display.
Je pense que ce script simplifié peut fonctionner.

<?php
//stockage du nom des images car elles de même extention (jpg) et dans le même dossier
$tab_image = array ("snap0","snap1","snap2","snap3","snap4","snap5","snap6","snap7","snap8","snap9");
$tab_alt_image = array ("ALT de l'image 0","ALT de l'image 1","ALT de l'image 2","ALT de l'image 3","ALT de l'image 4","ALT de l'image 5","ALT de l'image 6","ALT de l'image 7","ALT de l'image 8","ALT de l'image 9");
$tab_title_image = array ("Title de l'image 0","Title de l'image 1","Title de l'image 2","Title de l'image 3","Title de l'image 4","Title de l'image 5","Title de l'image 6","Title de l'image 7","Title de l'image 8","Title de l'image 9");
?>
<head>

<SCRIPT type="text/JavaScript">

<![CDATA[
var dernier = <?php echo count($tab_image); ?>;
function affiche_image ()
{
	if (i = 0)
	{
		document.getElementById(dernier).style.display = "none";
		document.getElementById(i).style.display = "block";
		i++;
	}
	if (i > 0 && i < dernier) 
	{
		document.getElementById(i).style.display = "block";
		var precedent = i-1;
		document.getElementById(precedent).style.display = "none";
		i++;		
	}
	if (i == dernier)
	{
		document.getElementById(i).style.display = "block";
		var precedent = i-1;
		document.getElementById(precedent).style.display = "none";
		i = 0;
	}
	}
} 


  ]]>
</SCRIPT>

</head>
<body>
	<?php
	foreach ($tab_image as $cle => $valeur)
	{
	?>
	<div id="<?php echo $cle;?>" 
		 style="display:<?php echo ($cle == 0) ? "block;" : "none;"; ?>" 
		 onMouseOver="javascript:var timer=setInterval('affiche_image()', 1000);" 
		 onMouseOut="javascript:clearInterval(timer);">
		 
		<img src="<?php echo "img/".$valeur.".jpg"; ?>" 
			 alt="<?php echo $tab_alt_image[$cle]; ?>" 
			 title="<?php echo $tab_title_image[$cle]; ?>"
			 style="width:250px; height:100px; filter:progid:DXImageTransform.Microsoft(MaxSquare=1,Duration=1);"
			 border="5"
			 />
	</div>
	<?php
	}
	?>

</body>

probleme d'appel de fonction

Qui est en ligne