Carolus
08-18-2011, 10:43 PM
1) Script Title: Flexi Slideshow problem
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/flexislide.htm
3) Describe problem: On my homepage www.tysklandguide.com I have to the left of the starting page advertisements for two hotels. As my previous coding did not function I downloaded Flexi Slideshow and started programming it. All went well until I wanted to add the second hotel (as described in http://www.dynamicdrive.com/forums/showthread.php?t=6578). The result then was that the two pictures of the first hotel did not alternate and the second hotel did not show at all (alternatively the second hotel showed in both places). Have I overlooked anything in the answer 6578?
This is what my coding looks like at the moment:
<script language="JavaScript1.2">
/***********************************************
* Flexi Slideshow- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var variableslide=new Array()
//variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)"]
variableslide[0]=["../imagespartner/wallburg1.jpg", "http://count.primawebtools.de/dlcountx.php?encid=25852&id=2048422", 'Neustadt, Schleswig-Holstein']
variableslide[1]=["../imagespartner/wallburg2.jpg", "http://count.primawebtools.de/dlcountx.php?encid=25852&id=2048422", 'Neustadt, Schleswig-Holstein']
//configure the below 3 variables to set the dimension/background color of the slideshow
var slidewidth='190px' //set to width of LARGEST image in your slideshow
var slideheight='120px' //set to height of LARGEST iamge in your slideshow, plus any text description
var slidebgcolor="00FFFF"
//configure the below variable to determine the delay between image rotations (in miliseconds)
var slidedelay=3000
////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>
<ilayer id="slidensmain" width=&{slidewidth}; height=&{slideheight}; bgColor=&{slidebgcolor}; visibility=hide><layer id="slidenssub" width=&{slidewidth}; left=0 top=0></layer></ilayer>
<p align="center"> </p>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>
<a href="http://www.tysklandguide.com/erbjudande_wallburg.htm"><img border="0" src="imagespartner/erbjudande.gif" width="170" height="28"></a>
</td> </tr>
<tr>
<td width="180" height="132" valign="middle" align="center">
<script language="JavaScript1.2">
/***********************************************
* Flexi Slideshow- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var variableslide=new Array()
//variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)"]
variableslide2[0]=["../imagespartner/minilogo-berliner-hof.jpg", "http://www.berlinerhof-kiel.de/sv", 'Kiel, Schleswig-Holstein']
variableslide2[1]=["../imagespartner/berliner-hof-KomfortPluszimmer.jpg", "http://www.berlinerhof-kiel.de/sv", 'Kiel, Schleswig-Holstein']
//configure the below 3 variables to set the dimension/background color of the slideshow
var slidewidth2='190px' //set to width of LARGEST image in your slideshow
var slideheight2='120px' //set to height of LARGEST iamge in your slideshow, plus any text description
var slidebgcolor2="00FFFF"
//configure the below variable to determine the delay between image rotations (in miliseconds)
var slidedelay=3000
////Do not edit pass this line////////////////
for (i=0;i<variableslide.length;i++){
var cacheimage=new Image()
cacheimage.src=variableslide[i][0]
}
var currentslide=0
function rotateimages(){
contentcontainer2='<center>'
if (variableslide[currentslide][1]!="")
contentcontainer2+='<a href="'+variableslide[currentslide][1]+'">'
contentcontainer2+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3">'
if (variableslide[currentslide][1]!="")
contentcontainer2+='</a>'
contentcontainer2+='</center>'
if (variableslide[currentslide][2]!="")
contentcontainer2+=variableslide[currentslide][2]
if (document.layers){
crossrotateobj2.document.write(contentcontainer2)
crossrotateobj2.document.close()
}
else if (ie||dom)
crossrotateobj2.innerHTML=contentcontainer2
if (currentslide==variableslide.length-1) currentslide=0
else currentslide++
setTimeout("rotateimages()",slidedelay)
}
if (ie||dom)
document.write('<div id="slidedom2" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')
function start_slider2(){
crossrotateobj2=dom? document.getElementById("slidedom2") : ie? document.all.slidedom2 : document.slidensmain.document.slidenssub
if (document.layers)
document.slidensmain.visibility="show"
rotateimages()
}
if (ie||dom)
start_slider2()
else if (document.layers)
window.onload=start_slider2
</script>
<ilayer id="slidensmain" width=&{slidewidth}; height=&{slideheight}; bgColor=&{slidebgcolor}; visibility=hide><layer id="slidenssub" width=&{slidewidth}; left=0 top=0></layer></ilayer>
<p align="center"> </p>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>
I would be very glad to get some help with the coding or if this solution is not possible for two different slideshows, what other programme could I use?
Thanks in advance.
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/flexislide.htm
3) Describe problem: On my homepage www.tysklandguide.com I have to the left of the starting page advertisements for two hotels. As my previous coding did not function I downloaded Flexi Slideshow and started programming it. All went well until I wanted to add the second hotel (as described in http://www.dynamicdrive.com/forums/showthread.php?t=6578). The result then was that the two pictures of the first hotel did not alternate and the second hotel did not show at all (alternatively the second hotel showed in both places). Have I overlooked anything in the answer 6578?
This is what my coding looks like at the moment:
<script language="JavaScript1.2">
/***********************************************
* Flexi Slideshow- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var variableslide=new Array()
//variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)"]
variableslide[0]=["../imagespartner/wallburg1.jpg", "http://count.primawebtools.de/dlcountx.php?encid=25852&id=2048422", 'Neustadt, Schleswig-Holstein']
variableslide[1]=["../imagespartner/wallburg2.jpg", "http://count.primawebtools.de/dlcountx.php?encid=25852&id=2048422", 'Neustadt, Schleswig-Holstein']
//configure the below 3 variables to set the dimension/background color of the slideshow
var slidewidth='190px' //set to width of LARGEST image in your slideshow
var slideheight='120px' //set to height of LARGEST iamge in your slideshow, plus any text description
var slidebgcolor="00FFFF"
//configure the below variable to determine the delay between image rotations (in miliseconds)
var slidedelay=3000
////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>
<ilayer id="slidensmain" width=&{slidewidth}; height=&{slideheight}; bgColor=&{slidebgcolor}; visibility=hide><layer id="slidenssub" width=&{slidewidth}; left=0 top=0></layer></ilayer>
<p align="center"> </p>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>
<a href="http://www.tysklandguide.com/erbjudande_wallburg.htm"><img border="0" src="imagespartner/erbjudande.gif" width="170" height="28"></a>
</td> </tr>
<tr>
<td width="180" height="132" valign="middle" align="center">
<script language="JavaScript1.2">
/***********************************************
* Flexi Slideshow- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var variableslide=new Array()
//variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)"]
variableslide2[0]=["../imagespartner/minilogo-berliner-hof.jpg", "http://www.berlinerhof-kiel.de/sv", 'Kiel, Schleswig-Holstein']
variableslide2[1]=["../imagespartner/berliner-hof-KomfortPluszimmer.jpg", "http://www.berlinerhof-kiel.de/sv", 'Kiel, Schleswig-Holstein']
//configure the below 3 variables to set the dimension/background color of the slideshow
var slidewidth2='190px' //set to width of LARGEST image in your slideshow
var slideheight2='120px' //set to height of LARGEST iamge in your slideshow, plus any text description
var slidebgcolor2="00FFFF"
//configure the below variable to determine the delay between image rotations (in miliseconds)
var slidedelay=3000
////Do not edit pass this line////////////////
for (i=0;i<variableslide.length;i++){
var cacheimage=new Image()
cacheimage.src=variableslide[i][0]
}
var currentslide=0
function rotateimages(){
contentcontainer2='<center>'
if (variableslide[currentslide][1]!="")
contentcontainer2+='<a href="'+variableslide[currentslide][1]+'">'
contentcontainer2+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3">'
if (variableslide[currentslide][1]!="")
contentcontainer2+='</a>'
contentcontainer2+='</center>'
if (variableslide[currentslide][2]!="")
contentcontainer2+=variableslide[currentslide][2]
if (document.layers){
crossrotateobj2.document.write(contentcontainer2)
crossrotateobj2.document.close()
}
else if (ie||dom)
crossrotateobj2.innerHTML=contentcontainer2
if (currentslide==variableslide.length-1) currentslide=0
else currentslide++
setTimeout("rotateimages()",slidedelay)
}
if (ie||dom)
document.write('<div id="slidedom2" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')
function start_slider2(){
crossrotateobj2=dom? document.getElementById("slidedom2") : ie? document.all.slidedom2 : document.slidensmain.document.slidenssub
if (document.layers)
document.slidensmain.visibility="show"
rotateimages()
}
if (ie||dom)
start_slider2()
else if (document.layers)
window.onload=start_slider2
</script>
<ilayer id="slidensmain" width=&{slidewidth}; height=&{slideheight}; bgColor=&{slidebgcolor}; visibility=hide><layer id="slidenssub" width=&{slidewidth}; left=0 top=0></layer></ilayer>
<p align="center"> </p>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>
I would be very glad to get some help with the coding or if this solution is not possible for two different slideshows, what other programme could I use?
Thanks in advance.