Bonjour,
je viens ici car j'ai quelques soucies avec mon javascript
idée de depart :
Voila j'essai de faire défiller 4 ou 5 images qui iraient de bas en haut puis disparaissent une fois arrivé en haut pour réapparaitre en bas et en faire une boucle et ceux dans un cadre mais j'aimerais également que lorsque l'on passe la sourie au dessus ca arrete le défilement et chaque image/logo etant en fait un lien vers un site ou une autre partie de mon site (genre lien href)
ayant mis ca pour l'instant de coté je me suis lancé sur celle la :
la je cherche a afficher des images/logos ( 2 par 2) qui sont en fait des liens de redirections, elles doivent :
- défiller 2 par 2 et boucler
- lorsque l'on clique dessus ca doit ouvrir le lien dans une nouvelles page
autres idées :
- pouvoir les faires apparaitre avec des timing diferents par exemple l'une 5 sec l'autre 10 secs
voila ce que j'ai fait pour l'instant :
Citation :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
<SCRIPT LANGUAGE="JavaScript">
tableau_logo = new Array;
redirection = new Array;
//lien entre les images et le site concerné
i0 = new Image;
i0.src = 'logo/1.jpg';
redirection[0] = "http://www.ogame.fr";
tableau_logo[0] = i0.src;
i1 = new Image;
i1.src = 'logo/2.jpg';
redirection[1] = "http://www.investir.fr";
tableau_logo[1] = i1.src;
.
.
.
.
.
a = 0;
//fonction pour faire changer l'image + lien
function animation()
{
//ici ni le target ni le windows.open() ne fonctionnent document.write('<A HREF="#" onClick="image_lien_site();return(false)"><IMG SRC="logo/1.jpg" BORDER=0 width=15% height=15% image_lien_site() NAME=defil></A>','<br><br>');
document.write('<A HREF="#" onClick="image_lien_site1();return(false)"><IMG SRC="logo/1.jpg" BORDER=0 width=15% height=15% target="_blank" NAME=defil1></A>');
attente()
}
.
.
.
.
.
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
animation();
</SCRIPT>
</body>
</html>
|
pour tester copier coller tel que et créer vous des images nommé : 1/2/3/4/5/6.jpg que vous mettrez dans un dossier "logo".
les problemes rencontrés :
- marche sous firefox mais pas IE
- fonctionne si j'ai 2/4/6/.. logo par contre bug si j'en ai un nombre impair
- j'ai ajouter des target="_blank" pour que les liens s'ouvrent dans une autre page mais sans succé j'ai également essayé d'utiliser le windows.open() mais la page qui s'ouvre est blanche
donc si vous avez des solutions ou trouvez des erreurs ca m'aiderait beaucoup
merci par avance de votre aide
ps : je retenterais ma 1er idée quand j'aurais réglé ces quelques bugs
Message édité par takamo le 26-06-2006 à 11:54:02