Grow your CSS skills. Land your dream job.

jQuery Cycle Plugin problems

  • # March 27, 2012 at 11:10 am

    Hi there,

    I was wondering if there was any jQuery Cycle Plugin experts in the house, i’ve been having problems with setting mine up. Got it all working ok but can’t seem to edit or change the amount of time the slide stays visible for. I’ve scoured the jQuery plugin website and can’t seem to find a solution that helps me.

    The reason i need to control the timing on the slides is that this slideshow is of text and it’s running next to another slideshow which is of pictures and i need them to match up.

    Here’s the script for it.



    $(document).ready(function() {

    $(".slide-wrapper").css("overflow", "hidden");

    $("ul#slide-content").cycle({
    fx: 'fade',
    delay: 4000, //delays the first slide
    easing: 'easeOutExpo',
    speedIn: 500, // speed of the "in" transition
    speedOut: 1000, // speed of the "out" transition
    timeout: 300 // milliseconds between slide transitions (0 to disable auto advance)
    });

    });

    Hope that makes sense,

    Thanks,

    Cameron

    # March 27, 2012 at 12:31 pm

    Found a much simpler solution (that doesn’t involve jQuery cycle) incase anyone else is having a similar problem.

    http://css-tricks.com/snippets/jquery/simple-auto-playing-slideshow/ – just what i needed and i can control it much easier.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".