PDA

View Full Version : Flexi Slideshow problem



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- &copy; 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">&nbsp;</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">
&nbsp;<script language="JavaScript1.2">

/***********************************************
* Flexi Slideshow- &copy; 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">&nbsp;</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.

ddadmin
08-19-2011, 03:58 PM
Did you switch over to Ultimate Fade in Slideshow instead? That's what I see on the left hand side of your page.

Carolus
08-19-2011, 04:31 PM
I found my old programme (1.5) and started it with new pictures. I have just got it ready and was about to write about it here when I saw your answer. Thanks anyway! I think I'll be better off with this programme as it is develloped for more slides. After several hours of puzzling I think I can manage more of them if necessary.