Results 1 to 3 of 3

Thread: Featured content glider delayed start

  1. #1
    Join Date
    Jul 2010
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question Featured content glider delayed start

    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

  2. #2
    Join Date
    Aug 2004
    Posts
    9,910
    Thanks
    3
    Thanked 969 Times in 957 Posts
    Blog Entries
    15

    Default

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

    Code:
                    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.
    DD Admin

  3. The Following User Says Thank You to ddadmin For This Useful Post:

    gnoll (07-11-2010)

  4. #3
    Join Date
    Jul 2010
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    ddadmin,

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

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •