PDA

View Full Version : How to create space between the image containers



iambold
12-30-2006, 06:40 PM
1) Script Title: Ultimate Fade-in slideshow

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

3) Describe problem:

I'm looking for a parameter to create some space between the two image containers. Now both the containers are close to together, and it looks like on image. (Look at www.fcutrecht.net)

Thank you for the help, a happy new year to you all

jscheuer1
12-30-2006, 07:04 PM
This bit:


<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:


</head>

<body>

Now, on to your question, you can separate the two slide show calls like so:


<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>&nbsp;</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.

iambold
12-30-2006, 07:50 PM
Tnx for the quick response, do you think it's beter like this

www.fcutrecht.net

jscheuer1
12-30-2006, 08:08 PM
Much better, and I see you know what a javascript comment is and have used them to good advantage in the two calls.