Search the Community

Hi everybody , while configuring my cms pages I needed to add a slideshow, I ended up placing the script directly in the content, in case anybody need' it here it is: <div id="mySlidingContent" class="f_right"> <script type="text/javascript" language="JavaScript1.2">// <![CDATA[ var variableslide=new Array() //variableslide[x]=["path to image", "{$img_folder} link for image", "OPTIONAL text description (supports HTML tags)"]; variableslide[0]=['yourimage1.gif', 'www.shop.com/linktologo1', '<h3>logo 1</h3>'] variableslide[1]=['yourimage2.gif', '', ''] variableslide[2]=['yourimage3.gif', '', ''] //configure the below 3 variables to set the dimension/background color of the slideshow var slidewidth='400px' //set to width of LARGEST image in your slideshow var slideheight='500px' //set to height of LARGEST iamge in your slideshow, plus any text description var slidebgcolor='#fff' //configure the below variable to determine the delay between image rotations (in miliseconds) var slidedelay=5000 ////Do not edit pass this line//////////////// var ie=document.all var dom=document.getElementById for (i=0;i<variableslide.length;i++){ var cacheimage=new Image() cacheimage.src=variableslide[i][0] } var currentslide=0 function rotateimages(){ contentcontainer='<center>' if (variableslide[currentslide][1]!="") contentcontainer+='<a href="'+variableslide[currentslide][1]+'">' contentcontainer+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3">' if (variableslide[currentslide][1]!="") contentcontainer+='</a>' contentcontainer+='</center>' if (variableslide[currentslide][2]!="") contentcontainer+=variableslide[currentslide][2] if (document.layers){ crossrotateobj.document.write(contentcontainer) crossrotateobj.document.close() } else if (ie||dom) crossrotateobj.innerHTML=contentcontainer if (currentslide==variableslide.length-1) currentslide=0 else currentslide++ setTimeout("rotateimages()",slidedelay) } if (ie||dom) document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>') function start_slider(){ crossrotateobj=dom? document.getElementById("slidedom") : ie? document.all.slidedom : document.slidensmain.document.slidenssub if (document.layers) document.slidensmain.visibility="show" rotateimages() } if (ie||dom) start_slider() else if (document.layers) window.onload=start_slider // ]]></script> </div>