Support Forum Softcomplex logo
About Us  | Services  | Download  | Order  | Support  | |
| Search | Today's Posts | Stats | Board Rules | Not logged in [ Login | Register ]
go to bottom
Last active: Never

Printable Version | Subscribe | Add to Favourites   Post new thread
Author: Subject: Multiple slideshows
Poorter
Junior Member

Posts: 3
Registered: 4/14/2008
Member Is Offline
posted on 4/14/2008 at 01:10 PM Reply With Quote
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?
View User's Profile View All Posts By User U2U Member
tigra
Administrator

Posts: 2049
Registered: 6/17/2002
Location: US, CO
Member Is Offline
posted on 4/14/2008 at 03:13 PM Reply With Quote

does this happen only when you use multiple slide shows?
View User's Profile View All Posts By User U2U Member
Poorter
Junior Member

Posts: 3
Registered: 4/14/2008
Member Is Offline
posted on 4/14/2008 at 03:33 PM Reply With Quote

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
View User's Profile View All Posts By User U2U Member
Poorter
Junior Member

Posts: 3
Registered: 4/14/2008
Member Is Offline
posted on 4/21/2008 at 10:43 AM Reply With Quote
Solved more or less


Combining the bodyscript into 1 javascript solved the margins.
Only ie6 still gives a bottom margin of about 3 pixels.
View User's Profile View All Posts By User U2U Member
Post new thread

Related Links:
Product Page
Product Page Live Demos
Product Page Simple Slide Show
Product Page Multiple Slide Shows
Product Page Methods and Properties
Free Script Download Free Download
Product Documentation Documentation
Support Forum Support Forum
 

Go To Top


Powered by XMB 1.9.1 Nexus
Developed By Aventure Media & The XMB Group © 2002-2004