js script for adding slideshow anywhere you need

[maio]

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>

Edited January 13, 2014 by maio (see edit history)

[fulviods]

doesnt work on 1.5.6.2 worked with older versions...

[vekia]

why it doesnt work? you see some error messages? for example, while saving cms page with this script?