...

View Full Version : JQuery... Why is stopping at the end of the slide show?



pimpthatfood
09-26-2009, 06:18 PM
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
09-26-2009, 07:20 PM
This is where I have the Slide show www.pimpthatfood.com (http://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
09-26-2009, 08:09 PM
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
09-26-2009, 08:35 PM
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 (http://www.pimpthatfood.com)

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

seco
09-26-2009, 09:16 PM
try

setInterval(slideSwitch, 5000);

pimpthatfood
09-26-2009, 09:24 PM
still not working :confused:

seco
09-26-2009, 11:11 PM
use jquery Cycle.

pimpthatfood
09-27-2009, 02:38 PM
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
09-27-2009, 03:52 PM
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
10-07-2009, 04:39 AM
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 (http://simulationdecreditimmobilier.org), Courtier simulation de credit immobilier (http://simulationdecreditimmobilier.org/simulation-credit-immobilier/), Calcul pret et taux credit immobilier (http://simulationdecreditimmobilier.org)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum