Code javascript

invitea8723354 · 17/01/2008, 12h41

Bonjour à toutes et à tous,

J'ai créé le site suivant.

Il est souhaitable que tu mette l'url de ton site dans ton profil.

Merci,

yoda1234.

Dans cette page j'ai mis un objet qui fait défiler des images en javascript.

Maintenant le problème est que je ne m'y connais pas beaucoup en javascript, voir même pas du tout. Je voudrais mettre l'objet en % pour qu'il s'adapte automatiquement en longeur. En hauteur j'aimerais qu'il garde toujours la même taille c'est à dire 40 pixel.

Si quelqu'un peu m'aider avec le code je lui en serait très reconnaissant.

Code:

 Dans la balise <head>

<script language="JavaScript" type="text/JavaScript">
function Init_Page(){
  montre();
  fillup();
}
window.onload=Init_Page;
</script>


Mon script

    <script  language="JavaScript" type="text/JavaScript">
var sliderwidth= "800px";
var sliderheight="40px";
var slidespeed=2;
slidebgcolor="#FFFFFF";
var leftrightslide=new Array();
var finalslide='';
leftrightslide[0]='<img src="../../Dos/Img/01.gif">'
leftrightslide[1]='<img src="../../Dos/Img/02.gif">'
leftrightslide[2]='<img src="../../Dos/Img/03.gif">'
leftrightslide[3]='<img src="../../Dos/Img/04.gif">'
leftrightslide[4]='<img src="../../Dos/Img/05.gif">'
leftrightslide[5]='<img src="../../Dos/Img/06.gif">'
leftrightslide[6]='<img src="../../Dos/Img/07.gif">'
leftrightslide[7]='<img src="../../Dos/Img/08.gif">'
leftrightslide[8]='<img src="../../Dos/Img/09.gif">'
leftrightslide[9]='<img src="../../Dos/Img/10.gif">'
leftrightslide[10]='<img src="../../Dos/Img/11.gif">'
leftrightslide[11]='<img src="../../Dos/Img/12.gif">'
leftrightslide[12]='<img src="../../Dos/Img/13.gif">'
leftrightslide[13]='<img src="../../Dos/Img/14.gif">'
leftrightslide[14]='<img src="../../Dos/Img/15.gif">'
leftrightslide[15]='<img src="../../Dos/Img/16.gif">'
leftrightslide[16]='<img src="../../Dos/Img/17.gif">'
leftrightslide[17]='<img src="../../Dos/Img/18.gif">'
leftrightslide[18]='<img src="../../Dos/Img/20.gif">'
leftrightslide[19]='<img src="../../Dos/Img/26.gif">'
leftrightslide[20]='<img src="../../Dos/Img/27.gif">'
leftrightslide[21]='<img src="../../Dos/Img/28.gif">'
leftrightslide[22]='<img src="../../Dos/Img/29.gif">'
leftrightslide[23]='<img src="../../Dos/Img/30.gif">'
leftrightslide[24]='<img src="../../Dos/Img/31.gif">'
leftrightslide[25]='<img src="../../Dos/Img/32.gif">'
leftrightslide[26]='<img src="../../Dos/Img/33.gif">'

var copyspeed=slidespeed;
leftrightslide='<nobr>'+leftrightslide.join(" ")+'</nobr>';
var iedom=document.all||document.getElementById;
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;">'+leftrightslide+'</span>');
var actualwidth='';
var cross_slide, ns_slide;

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2;
cross_slide2=document.AgetElementById? document.getElementById("test3") : document.all.test3;
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide;
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth;
cross_slide2.style.left=actualwidth+20+"px";
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2;
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3;
ns_slide.document.write(leftrightslide);
ns_slide.document.close();
actualwidth=ns_slide.document.width;
ns_slide2.left=actualwidth+20;
ns_slide2.document.write(leftrightslide);
ns_slide2.document.close();
}
lefttime=setInterval("slideleft()",30);
}
window.onload=Init_Page;

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px";
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+20+"px";

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px";
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+20+"px";

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed;
else
ns_slide.left=ns_slide2.left+actualwidth+20;

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed;
else
ns_slide2.left=ns_slide.left+actualwidth+20;
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>');
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">');
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:"#FFFFFF" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">');
write('<div id="test2" style="position:absolute;left:0;top:0"></div>');
write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>');
write('</div></dAiv>');
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+"+sliderheight+"+' name="ns_slidemenu" bgColor="#FFFFFF">');
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
write('</ilayer>');
}
document.write('</td></table>');
}
}
        </script>

Code javascript

Code javascript

Discussions similaires

Defense du javascript

javascript

Javascript

JavaScript : 1 + 2 = 12

javascript