Board Logo

Multiple slideshows
Poorter - 4/14/2008 at 01:10 PM

I've copied the body script several times into a div.
The slideshow works fine, but there seems to be a margin on the left and right of the images. Does anybody have an idea how i could get rid of those?


tigra - 4/14/2008 at 03:13 PM

does this happen only when you use multiple slide shows?


Poorter - 4/14/2008 at 03:33 PM

This is a piece of my code:

<div id="flash"><script language="JavaScript">

// configuration structure
var A_TPL = {
// randomize the array each time page loads
'random' : true,
// number of transparency changes during the transition
// increase for smoother transition, reduce for less CPU usage
'steps' : 20,
// transition duration in seconds
'transtime': .5,
// slide time in seconds
'slidetime': 1,
// width of the slide (optional)
'width' : 126,
// height of the slide (optional)
'height': 126,
// alt text for the image (optional)
'alt' : 'Sample Tigra Fader Slideshow',
// css class assigned to the slide <img> (optional)
'css' : ' '
};

// list of images to display
var A_ITEMS = [
'templates/invorm/images2/nr1.jpg',
'templates/invorm/images2/nr2.jpg',
'templates/invorm/images2/nr3.jpg'
];

// fader initialization
var mySlideShow = new tFader (A_ITEMS, A_TPL);

</script>
<script language="JavaScript">

// configuration structure
var A_TPL = {
// randomize the array each time page loads
'random' : true,
// number of transparency changes during the transition
// increase for smoother transition, reduce for less CPU usage
'steps' : 20,
// transition duration in seconds
'transtime': .5,
// slide time in seconds
'slidetime': 1,
// width of the slide (optional)
'width' : 126,
// height of the slide (optional)
'height': 126,
// alt text for the image (optional)
'alt' : 'Sample Tigra Fader Slideshow',
// css class assigned to the slide <img> (optional)
'css' : ' '
};

// list of images to display
var A_ITEMS = [
'templates/invorm/images2/nr2.jpg',
'templates/invorm/images2/nr3.jpg',
'templates/invorm/images2/nr1.jpg'
];

// fader initialization
var mySlideShow = new tFader (A_ITEMS, A_TPL);

</script></div>

and i also added an image so that you can see what it does...The above code misses one more copy of the javascript so the image below should have one image less. The images i refer to are the fruit and man drinking pictures, by the way :)


Poorter - 4/21/2008 at 10:43 AM

Combining the bodyscript into 1 javascript solved the margins.
Only ie6 still gives a bottom margin of about 3 pixels.


Softcomplex: http://www.softcomplex.com/
Back to forum: http://www.softcomplex.com/forum/