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

[pimpthatfood]

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 ?

[pimpthatfood]

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);
});

[seco]

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);

[pimpthatfood]

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?

[seco]

try

setInterval(slideSwitch, 5000);

[pimpthatfood]

still not working

[seco]

use jquery Cycle.

[pimpthatfood]

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?

[pimpthatfood]

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;
}

[bitbitrid]

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