Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New Coder
    Join Date
    Sep 2009
    Posts
    30
    Thanks
    2
    Thanked 0 Times in 0 Posts

    JQuery... Why is stopping at the end of the slide show?

    I am having trouble with my Simple Slide show as it is stopping at the end of the slide show. How come as it is set with

    $(function() {
    setInterval("slideSwitch()", 5000);

    Any help on how to do this slide show re-starting ?

  • #2
    New Coder
    Join Date
    Sep 2009
    Posts
    30
    Thanks
    2
    Thanked 0 Times in 0 Posts
    This is where I have the Slide show www.pimpthatfood.com. and this is the script I am using.

    function slideSwitch() {
    var $active = $('#slideshow a.active');
    var $next = $active.next();

    $active.addClass('active last-active');

    $next.css({ opacity: 0.0 })
    .addClass('active')
    .animate({ opacity: 1.0 }, 1000, function() {
    $active.removeClass('active last-active');
    });
    }

    $(function() {
    setInterval("slideSwitch()", 5000);
    });

  • #3
    Regular Coder seco's Avatar
    Join Date
    Nov 2008
    Location
    Oregon
    Posts
    687
    Thanks
    6
    Thanked 79 Times in 77 Posts
    function slideSwitch() {
    var $active = $('#slideshow a.active');
    var $next = $active.next();

    $active.addClass('active last-active');

    $next.css({ opacity: 0.0 })
    .addClass('active')
    .animate({ opacity: 1.0 }, 1000, function() {
    $active.removeClass('active last-active');
    });
    }

    setInterval("slideSwitch()", 5000);

  • #4
    New Coder
    Join Date
    Sep 2009
    Posts
    30
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I've just tried it but it's not working. it is still stopping at the end. Watch how it's showing www.pimpthatfood.com

    At least on my browser. Is it working on yours?

  • #5
    Regular Coder seco's Avatar
    Join Date
    Nov 2008
    Location
    Oregon
    Posts
    687
    Thanks
    6
    Thanked 79 Times in 77 Posts
    try

    setInterval(slideSwitch, 5000);

  • #6
    New Coder
    Join Date
    Sep 2009
    Posts
    30
    Thanks
    2
    Thanked 0 Times in 0 Posts
    still not working

  • #7
    Regular Coder seco's Avatar
    Join Date
    Nov 2008
    Location
    Oregon
    Posts
    687
    Thanks
    6
    Thanked 79 Times in 77 Posts
    use jquery Cycle.

  • #8
    New Coder
    Join Date
    Sep 2009
    Posts
    30
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I've downloaded the jquery.cycle.all plugin and also I inserted in the coding header and guess what it's not happening. Do you have a link where I can download the one the should work for me?

    This is what I have in the header

    <link href="/storage/slideshowcentre.css" rel="stylesheet" type="text/css"/>
    <script src="/storage/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="/storage/newjquerycycle.js" type="text/javascript"></script>
    <script src="/storage/jquerycycletrans.js" type="text/javascript"></script>
    <script src="/storage/slideshow.js" type="text/javascript"></script>

    Are they maybe conflicting? Which one should I remove?

  • #9
    New Coder
    Join Date
    Sep 2009
    Posts
    30
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Is it in my last active image the problem that I have?

    #slideshow {
    position:relative;
    height:336px;
    width:448px;
    text-align:center;
    left:60px;
    }

    #slideshow a{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    }

    #slideshow a img{
    border:none;
    }

    #slideshow a.active {
    z-index:10;
    }

    #slideshow a.last-active {
    z-index:9;
    }

  • #10
    New to the CF scene
    Join Date
    Oct 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi everyone, This is where I have the Slide and the script I am using:

    function slideSwitch()
    {
    var $active = $('#slideshow a.active');
    var $next = $active.next();

    $active.addClass('active last-active');

    $next.css({ opacity: 0.0 })
    .addClass('active')
    .animate({ opacity: 1.0 }, 1000, function() {
    $active.removeClass('active last-active');
    });
    }
    _____________________
    Financement simulation de credit immobilier de France, Courtier simulation de credit immobilier, Calcul pret et taux credit immobilier


  •  

    Posting Permissions

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