Probleme d'image aleatoire et lien (debutant)

Probleme d'image aleatoire et lien (debutant) - HTML/CSS - Programmation

Marsh Posté le 25-06-2005 à 11:17:38    

Salut a tous
 
je usis un noob dans le domaine de la programmation et j'ai combiné 2 codes qui me permet de faire defiler de manière aleatoire toute mes banieres de mes partenaire, le probleme c'est que je sais pas comment leur attribuer un lien au baniere et he voudrai aussi que ca s'ouvre dans une nouvelle fenetre. Un dernier problème aussi, je vais en faire defiler 6 ou 7 des banière sur une biblio de 15 ou 16, mais parfois je me retrouve avec 2 fois la meme banière sur les 6 ou 7 qui defile, si kelkun pouvait m'aider car c'est assez urgent, voici le code que j'ai :
 
 
<head>
<script language="javascript">
function makeArray(n) {
this.length = n;
for (var i=1; i<=n; i++) {
this[i] = "";  
}
return this;
}
var i; //lwf
function imagealeatoire() {
i = Math.floor(3 * Math.random() + 1);
return image[i];
}
image = new makeArray(3);
image[1]="image1.gif";
image[2]="image2.gif";
image[3]="image3.gif";
// Stop hiding from old browsers -->
</script>
</head>
 
<body><div id="Layer1" style="position:absolute; left:863px; top:472px; width:85px; height:54px; z-index:45; visibility: inherit;">
<MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=1
scrollDelay=60 direction=up width=140 height=145 background="#000000">
<CENTER>
<script language="javascript">document.write("<img src="+imagealeatoire() +" width=\"88\" height=\"31\" border=\"0\">" );</script>
<script language="javascript">document.write("<img src="+imagealeatoire() +" width=\"88\" height=\"31\" border=\"0\">" );</script>
</center></marquee></div>
</body>
 
En fait il faudrait que j'attribue les lien directement au niveau du code de la balise head pour eviter que les liens soit aussi aleatoire.
 
merci de bien vouloir m'aider
 
a+

Reply

Marsh Posté le 25-06-2005 à 11:17:38   

Reply

Marsh Posté le 25-06-2005 à 11:58:04    

ben tu modif le script pour rajouter un tableau avec les url des liens, et tu entoures les <img .. /> par des <a href='tonurl'></a>
 
Facile quoi.


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 25-06-2005 à 12:04:43    

ok mais est ce que tu pourrait pas me composer une ligne et l'exemple du tableau stp car vraiment je debute et j'y comprend pas grand chose en prog. Par contre avec ca j'ai peur de me retrouver avec des lien fixe sur des images aleatoires.
 
Apres j'ai un autre petit probleme, comment faire pour qu'il n'y est jamais deux fois a meme baniere dans la liste.
 
merci de ton aide et a+


Message édité par nonoandpuce le 25-06-2005 à 12:52:54
Reply

Marsh Posté le 25-06-2005 à 13:40:03    

Code :
  1. <head>
  2. <script typee="text/javascript">
  3. function makeArray(n) {
  4. this.length = n;
  5. for (var i=1; i<=n; i++) {
  6. this[i] = "";
  7. }
  8. return this;
  9. }
  10. var i; //lwf
  11. function imagealeatoire() {
  12. i = Math.floor(3 * Math.random() + 1);
  13. return "<a href='"+url[i]+"'><img src='"+image[i]+"' width='88' height='31' border='0' /></a>";
  14. }
  15. image = new makeArray(3);
  16. image[1]="image1.gif";
  17. image[2]="image2.gif";
  18. image[3]="image3.gif";
  20. url = new makeArray(3);
  21. url[1]="truc1.com";
  22. url[2]="truc2.com";
  23. url[3]="truc3.com";
  24. // Stop hiding from old browsers -->
  25. </script>
  26. </head>
  28. <body><div id="Layer1" style="position:absolute; left:863px; top:472px; width:85px; height:54px; z-index:45; visibility: inherit; text-align:center;">
  29. <div onmouseover=this.stop() onmouseout=this.start() scrollAmount=1 scrollDelay=60 direction=up width=140 height=145 background="#000000">
  30. <script type="text/javascript">document.write(imagealeatoire());</script>
  31. <script type="text/javascript">document.write(imagealeatoire());</script>
  32. </div></div>
  33. </body>


 
Peut-etre encore des erreurs, ensuite les marquee ca marche que sous ie et netscape mais c'est propriétaire et ca n'existe plus dans les normes du W3C donc il ne faut pas utiliser. Idem avec le center, un text-align:center; dans le style ou en css et on en parle plus.
 
Enfin, language="javascript" n'existe plus non plus, il faut ecrire type="text/javascript".
 
Pour faire bien, tu pourrais mettre tout ce qui est dans un attribut style="..." dans une css, ce serait plus propre et donner un autre nom que layer1 au div principal.
 
Voila voila...


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 25-06-2005 à 13:58:19    

J'ai rein dit


Message édité par gatsusat le 25-06-2005 à 13:58:58
Reply

Marsh Posté le 25-06-2005 à 14:36:26    

Nikel tout marche super, par contre j'ai rajouté la balise <marquee> car je voulais un scroll de bas en haut
 
merci encore et vive le net

Reply

Marsh Posté le 25-06-2005 à 14:43:24    

mais enlève ce marquee !
 
Ca ne doit plus etre utilisé !
 
Mets une seule bannière aléatoire par page comme ca c'est bon !


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 25-06-2005 à 16:02:23    

MrHarry a écrit :

Si ça t'intéresse, pour éviter d'afficher deux fois la même image. :D  
 




Manque flagrant d'optimisation :o


Message édité par masklinn le 25-06-2005 à 16:07:46

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 25-06-2005 à 16:58:12    

Ben plainsofpain, si je met pas le marquee, ca scroll pas ca reste fixe et en plus je suis obligé de mettre 6 ou 7 images aleatoires par pages (mais c'est par biais d'une page modele). Et merci a Mr Harry pour son super code mais j'arrive pas l'integrer au mien...
Un dernier, savez ou mettre le onClick="MM_openBrWindow pour que mes liens s'ouvre dans une nouvelle page.
 
merci a tous et a bientot

Reply

Marsh Posté le 26-06-2005 à 15:12:52    

<a href='tonlien' onclick="return(window.open(this.href));">
 
Enfin il me semble ^^


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed