Soyez le premier à donner votre avis sur cette source.
Vue 48 834 fois - Téléchargée 4 494 fois
<script language="javascript"> var largDepart = 0 var hautDepart = 0 var numImg = 0 var timerRe = 0 var timerAg = 0 var vitesse = 15 var tabImage = new Array() tabImage[0] = "Cathedrale.gif" tabImage[1] = "Palais - 3 D en Plaine.gif" tabImage[2] = "zetaJones1.jpg" tabImage[3] = "EAU.gif" var tabDesc = new Array() tabDesc[0] = "Description Cathedrale" tabDesc[1] = "Description Palais - 3 D en Plaine" tabDesc[2] = "Description zetaJones" tabDesc[3] = "Description EAU" function init(obj) { obj.src = tabImage[numImg] obj.alt = tabDesc[numImg] largDepart = obj.width hautDepart = obj.height if (vitesse > largDepart) { vitesse = largDepart } } function changeImage(obj) { if (timerAg != 0) { clearTimeout(timerAg) timerAg = 0 } if (timerRe == 0) { timerRe = setTimeout("retrecirImage("+obj.name+")",0) } } function agrandirImage(obj) { if (obj.width < largDepart) { if (obj.width+vitesse > largDepart) { obj.width = largDepart } else { obj.width += vitesse } obj.height = hautDepart timerAg = setTimeout("agrandirImage("+obj.name+")",0) } else { clearTimeout(timerAg) timerAg = 0 } } function retrecirImage(obj) { if (obj.width > 0) { obj.width -= vitesse obj.height = hautDepart timerRe = setTimeout("retrecirImage("+obj.name+")",0) } else { clearTimeout(timerRe) timerRe = 0 obj.src = tabImage[(numImg+1)%tabImage.length] obj.alt = tabDesc[(numImg+1)%tabImage.length] numImg++ timerAg = setTimeout("agrandirImage("+obj.name+")",0) } } </script> <BR> <DIV align="center"><img name="image" onclick="changeImage(image)"> <BR>Cliquez sur l'image pour voir la suivante</DIV> <script language="javascript"> init(image) </script>
2 avril 2009 à 09:41
J'aurais aimé créer un bouton pour qu'on puisse également revenir en arrière sur les images du diaporama, comme par exemple dans ce code-là :
<script type="text/javascript">
ejs_photo = new Array;
<?
$a = 0;
$handle = opendir("18ansfanny");
while (($file = readdir())!=false) {
clearstatcache();
if($file!=".." && $file!=".")
{
echo "ejs_photo[$a] = '18ansfanny/$file';
";
$a++;
}
}
closedir($handle);
?>
function ejs_aff_18ansfanny(num)
{
if(document.getElementById)
{
ejs_fin = "";
if(num!=0)
ejs_fin += "< Précédent ";
if(num!=(ejs_photo.length-1))
ejs_fin += "Suivant >";
document.getElementById("ejs_photo_box").innerHTML = "<CENTER>
"+ejs_fin+"</CENTER>";
}
}
window.onload = new Function("ejs_aff_18ansfanny(0)")
</script>
(code d'un script pour un autre diaporama, mais sans effet de retournement)
Je n'ai pas réussi à l'intégrer dans le code...
Merci de votre aide!
:D
15 oct. 2007 à 12:11
Super ce script, mais comment résoudre le problème de l'affichage normal des photos suivantes à leur taille normale.
La première c bon, les autres sont toutes petites, comme toutes les images ne sont pas de la même taille, je ne peux pas renseigner les dimenssions dans la ligne <img name etc..)
Suis sur IE7 !
Après actualisation de la page c bon ! mais je peux pas demander aux internautes de le faire, ça fait désordre !
merci
9 août 2007 à 17:49
c'est le première chose qui me vient à l'esprit ca ne change peut être rien du tout.
9 août 2007 à 11:50
Pour le problème de taille d'image avec firefox, c'est résolu en remplaçant la ligne
par
(ou xxx est la largeur de vos images et yyy leur hauteur...)
En revanche, pour fonctionner sous IE, le script ne supporte pas d'être placé dans un tableau et je ne trouve pas de solution....
7 août 2007 à 17:57
J'ai deux petits problèmes avec le script :
1/ avec firefox, il faut rafraichir la page pour éviter que les images s'affichent en 1cm*1cm...
2/ En dehors de ça, le script fonctionne trés bien sous firefox et IE sur une page ne contenant que ça. Cependant, dés que je l'insère dans une page "habillée" il ne fonctionne plus sous IE (la première image apparait et tout disparait lorsque l'on clique dessus. Je vous poste le code la page en question dans l'espoir qu'oeil avisé trouvera le hic. (merci d'avance) :
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.