Tigra Fader - Multiple slideshows


	\| About Us \| Services \| Download \| Order \| Support \| \|

Not logged in [ Login | Register ]

SoftComplex Forums » Tigra Fader » Multiple slideshows

Last active: Never

Printable Version | Subscribe | Add to Favourites

Poorter

Junior Member

Posts: 3
Registered: 4/14/2008
Member Is Offline

posted on 4/14/2008 at 01:10 PM

Multiple slideshows

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

Administrator

Posts: 1912
Registered: 6/17/2002
Location: US, CO
Member Is Offline

posted on 4/14/2008 at 03:13 PM

does this happen only when you use multiple slide shows?

Poorter

Junior Member

Posts: 3
Registered: 4/14/2008
Member Is Offline

posted on 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 has attached this image:
Afbeelding 8.png - 121.51kb

Poorter

Junior Member

Posts: 3
Registered: 4/14/2008
Member Is Offline

posted on 4/21/2008 at 10:43 AM

Solved more or less

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