This bit:
Code:
<script type="text/javascript">
/***********************************************
* Ultimate Fade-In Slideshow (v1.5): © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
************************************************
* Gedownload van
* http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
***********************************************/
var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
//fadeimages[0]=["spotit/abacus.gif", "", ""] //plain image syntax
fadeimages[0]=["spotit/Jo_Sie.gif", "ht . . .
. . .is.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
var cacheobj=this
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}
</script>
belongs in the head of the page and you can have only one <head></head> and only one <body></body> section on a page. So, get rid of the second ones of these on your page:
Now, on to your question, you can separate the two slide show calls like so:
HTML Code:
<tr>
<td><script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 120, 250, 0, 8000, 0, "R")
</script>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><script type="text/javascript">
new fadeshow(fadeimages2, 120, 250, 0, 8000, 0, "R")
</script>
</td>
</tr>
In fact, once you break them up into two distinct calls, each one can go wherever you want to put it in the body section of the page.
New Comer (less than 5 posts)
How to create space between the image containers
Posting Permissions
Reply With Quote
Bookmarks