Featured content glider delayed start

[gnoll]

1) Script Title: Featured Content Glider

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

3) Describe problem: I read your posting rules and that you normally don't answer questions about multiple scripts on one page but I thought I would throw this out before abandoning the script. I have three featured content gliders on a masterpage for an asp.net web site, url http://www.desertwomansshow.com

All three scripts work but the top script starts and then there is a delay before the left script starts and then another delay before the third script on the right starts. I was hoping someone might have a possible explanation for this behaviour. I'm fairly new at this and I'm sure it's how the scripts are loading (or waiting for the other to load) but not sure if there is a way to have all thre scripts load and start at once.

Thanks

[ddadmin]

Given 3 identical FCGs on the page, they should all load and glide relatively at the same time. In your case, there are a few factors that probably contribute to the difference in when they show up. Firstly, the content containers for all 3 of your FCGs are different in height (ie: 520px versus 300px versus undefined). Then, for the corresponding initialization code, you have one FCG with a different speed than the others (highlighted in red below). Also, separate from the aforementioned issue, there is a error in your initialization code (in bold)- each FCG should have its own pagination DIV, instead of all set to "p-select":

                featuredcontentglider.init({
                    gliderid: "Div1", //ID of main glider container
                    contentclass: "glidecontent2", //Shared CSS class name of each glider content
                    togglerid: "p-select", //ID of toggler container
                    remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable
                    selected: 0, //Default selected content index (0=1st)
                    persiststate: false, //Remember last content shown within browser session (true/false)?
                    speed: 500, //Glide animation duration (in milliseconds)
                    direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "rightleft"
                    autorotate: true, //Auto rotate contents (true/false)?
                    autorotateconfig: [7000, 99] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
                })

                featuredcontentglider.init({
                    gliderid: "canadaprovinces", //ID of main glider container
                    contentclass: "glidecontent", //Shared CSS class name of each glider content
                    togglerid: "p-select", //ID of toggler container
                    remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable
                    selected: 0, //Default selected content index (0=1st)
                    persiststate: true, //Remember last content shown within browser session (true/false)?
                    speed: 2000, //Glide animation duration (in milliseconds)
                    direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "rightleft"
                    autorotate: true, //Auto rotate contents (true/false)?
                    autorotateconfig: [7000, 99] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
                })
                featuredcontentglider.init({
                    gliderid: "Div3", //ID of main glider container
                    contentclass: "glidecontent3", //Shared CSS class name of each glider content
                    togglerid: "p-select", //ID of toggler container
                    remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable
                    selected: 0, //Default selected content index (0=1st)
                    persiststate: true, //Remember last content shown within browser session (true/false)?
                    speed: 2000, //Glide animation duration (in milliseconds)
                    direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "rightleft"
                    autorotate: true, //Auto rotate contents (true/false)?
                    autorotateconfig: [7000, 99] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
                })

You should start out with 3 identical FCGs on your page with the same initialization settings, and verify they all glide at the same time. Then, start customizing the 2nd and 3rd instance, making sure each step of the way they still all show up at relatively the same time.

[gnoll]

ddadmin,

Very cool, thank you! The speed had no effect however the "p-select" mistake did and they are running very nicely now.