Diaporama s'affiche dans la 1ière image de la page par Musk - page 1

Bonjour

Débutant dans la création de page web, j'ai trouver il y à quelque temps un diaporama à cette adresse .
Mon problème est le suivant: Si je l'insère dans ma page, l'image du diaporama s'affiche dans la première image de la page.
Par exemple si j'insère <img src="http://www.siteduzero.com/Templates/images/designs/1/logo_sdz_fr.png"> en deuxième ligne, l'image du diaporama s'y affichera.
Ma question est la suivante: quelle est la ligne qui provoque ça?

Voici le code tel que trouvé :

</code>
<html><head>
<style type="text/css"><!--
    .class1{position:relative; width:120px; top:0px; height:450px; overflow-y:scroll; overflow:-moz-scrollbars-vertical};
    .class2{width:600px; background-color:honeydew; color:darkgreen};
--></style>
<script language="JavaScript"><!--
//--------------------------------DHTML-------------------
var nn4 = document.layers;
var nn6 = document.getElementById && !document.all;
var nn = nn4 || nn6;
var ie = document.all && !nn;
var dhtml = document.getElementById || document.all || document.layers;
function js_object(myRef) {
   if (!dhtml) {return;}
   if (nn6) {myRef = document.getElementById(myRef);}
   else if (nn4) {myRef = document.layers[myRef];}
   else {myRef = document.all[myRef];}
   return(myRef);}
function js_write(myRef, msg) {
  if (nn4) {
      js_object(myRef).document.write(msg);
      js_object(myRef).document.close();}
  else {
      js_object(myRef).innerHTML = msg;}
}
//--------------------------------DIAPORAMA-------------
var pics= new Array("3_azalees_villeneuve.jpg","abricotier1.jpg","abricotier2.jpg","abricotier3.jpg","abricotier4.jpg");
var legends= new Array(" Azalées du jardin de Villeneuve"," Fleurs d'Abricotier 1"," Fleurs d'Abricotier 2"," Fleurs d'Abricotier 3"," Fleurs d'Abricotier 4");
//.....................
//(document.images[0] ..........as main picture for our diaporama)
var count= -1;
var num= pics.length;
//.....................
function set_thumbnails() {
   document.write("<div id='slideshow' class='class1'>");
   for (i=0; i<num; i++) {
         document.write("<img src='"+pics[i] +"' width=120px onclick='actualize("+i+")'><p>");}
   document.write("</div>");}
//.....................
function actualize(k) {
   count = k;
   document.images[0].src = pics[count];
   js_write('div2',legends[count]);
} 
//.....................
function previous() {
   count += -1;
   if (count <0) {count= 0;}
   document.images[0].src= pics[count];
   js_write('div2',legends[count]);
}    
//.....................
function next() {
   count += 1;
   if (count > (num-1)) {count= 0;}
   document.images[0].src= pics[count];
   js_write('div2',legends[count]);
}
//.....................
var run;
function auto_run() {
   document.getElementById('button_stop').style.visibility='visible';
   document.getElementById('button_run').style.visibility='hidden';
   run=setInterval("next()",3000);      //<---------SPEED------------
}
//.....................
var stop;
function stop_run() {
   document.getElementById('button_stop').style.visibility='hidden';
   document.getElementById('button_run').style.visibility='visible';
   stop=clearInterval(run);
}  
--></script></head>
<body>
<font color=darkgreen><font size=2><p>
Free Dhtml script provided by ©2009-<a href="http://gilles.saunier.free.fr">VB'Breizh</a><hr><p>
<center><font color=darkgreen><font size=4>AUTOMATIC DIAPORAMA<p><font size=2><font color=black><p><p>
<form style='cursor:pointer'><table border style='background-color:azure'>
    <tr><td height='450' width='600' colspan='2' align="center"><img src='pix.gif' border=0></td>
          <td  height='450px' colspan='2' width='120px'><script>set_thumbnails()</script></td></tr>
    <tr><td  colspan='2' align=left><div id='div2' class='class2'></div></td>
          <td align=center><input type='button' id='button_run' value=' Diaporama ' onclick='auto_run()'><br>
          <input type='button' value='<<' onclick='previous()'>
          <input type='button' id='button_stop' value='Pause' onclick='stop_run()'>
          <input type='button' value='>>' onclick='next()'></td></tr>
</table></form></center>
<body onload='actualize(0)'>
</body></html>
<code type="html">

Musk

13 mars 2009 à 1:32:52

Golmote

13 mars 2009 à 7:10:37

Euh... il est pourrit le script... :/

Je pense que l'histoire de l'image, c'est tout simplement dû à document.write, qui est mal

Mais même ton code HTML il est... particulier... Les balises <font> sont un peu... dépréciées... Y'a le CSS qui est arrivé depuis ! x)

Et en plus, t'as deux fois <body>...

Fin bref, c'est le boxon...

Diaporama s'affiche dans la 1ière image de la page

Diaporama s'affiche dans la 1ière image de la page

Supprimer

Modérer

Signaler le message aux modérateurs