View Full Version : JQuery... Why is stopping at the end of the slide show?
pimpthatfood
09-26-2009, 07: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, 08: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);
});
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, 09: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?
try
setInterval(slideSwitch, 5000);
pimpthatfood
09-26-2009, 10:24 PM
still not working :confused:
pimpthatfood
09-27-2009, 03: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, 04: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, 05: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)
vBulletin® v3.8.2, Copyright ©2000-2012, Jelsoft Enterprises Ltd.