Results 1 to 8 of 8

Thread: Step Carousel Change

  1. #1
    Join Date
    Apr 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Step Carousel Change

    1) Script Title: Step Carousel

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

    3) Describe problem:
    Not so much a problem as a question. First of all thanks for this amazing carousel it was perfect for what I was looking for, you guys got skills.

    Question: Is there a way to get the step to loop? I have changed the onclick to onmouseover, but I want it to keep on sliding until some takes their mouse off, is this an easy change (easy for you guys)?

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    By onmouseover, are you talking about over the navigation controls themselves (ie: back/foward buttons), or the Slides themselves? Also, did you take into consideration how long the script should pause between each slide?

    I do have plans to add a "slideshow" mode feature to the script the next time it's updated, though it's different from the above in that the script basically will start sliding automatically when the page loads per a user defined interval until any of the navigation controls are clicked on, in which the slideshow switches back to manual mode.

  3. #3
    Join Date
    Apr 2008
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Is it possible to change this script to scroll vertically as opposed to horizontally ?

  4. #4
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    That's actually also something planned for the next release.

  5. #5
    Join Date
    Apr 2008
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Awesome. This is the most annoying of questions, so sorry in advance, but any ETA on the next release ?

  6. #6
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Hmm I'd say realistically within the next 30 days.

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

    AndyMP (04-16-2008)

  8. #7
    Join Date
    Apr 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by ddadmin View Post
    By onmouseover, are you talking about over the navigation controls themselves (ie: back/foward buttons), or the Slides themselves? Also, did you take into consideration how long the script should pause between each slide?

    I do have plans to add a "slideshow" mode feature to the script the next time it's updated, though it's different from the above in that the script basically will start sliding automatically when the page loads per a user defined interval until any of the navigation controls are clicked on, in which the slideshow switches back to manual mode.

    Hi, thanks for the quick reply.

    Yes I was talking about the nav controls, I want to basically allow a user to keep the mouse button down on a control and the slides continue to move on the next until they let go. Does that make sense?

  9. #8
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Sorry for the delay. Try the following to make the carousel auto slide as the mouse is over a link. First, add the below script to your page:

    Code:
    <script type="text/javascript">
    
    function autostep(galleryid, steps, interval){
    if (typeof window['timer'+galleryid]!="undefined")
     clearInterval(window['timer'+galleryid])
    window['timer'+galleryid]=setInterval(function(){stepcarousel.stepBy(galleryid, steps)}, interval+500)
    }
    
    function autostepstop(galleryid){
    if (typeof window['timer'+galleryid]!="undefined")
     clearInterval(window['timer'+galleryid])
    }
    
    </script>
    Then for your navigation links, they may look something like:

    Code:
    <a href="#" onMouseover="autostep('mygallery', -1, 500)" onMouseout="autostepstop('mygallery')">Back 1 Panel</a> <a href="#" onMouseover="autostep('mygallery', 1, 500)" onMouseout="autostepstop('mygallery')" style="margin-left: 100px">Forward 1 Panel</a> <br />
    where "mygallery", 1, and 500 represent the id of the carousel, the steps to take each time (negative means backwards), and the interval between slides.

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
  •