You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
1.7 KiB
79 lines
1.7 KiB
// SET THIS VARIABLE FOR DELAY, 1000 = 1 SECOND
|
|
var delayLength = 4000;
|
|
|
|
function doMove(panelWidth, tooFar) {
|
|
var leftValue = $("#mover").css("left");
|
|
|
|
// Fix for IE
|
|
if (leftValue == "auto") { leftValue = 0; };
|
|
|
|
var movement = parseFloat(leftValue, 10) - panelWidth;
|
|
|
|
if (movement == tooFar) {
|
|
$(".slide img").animate({
|
|
"top": -200
|
|
}, function() {
|
|
$("#mover").animate({
|
|
"left": 0
|
|
}, function() {
|
|
$(".slide img").animate({
|
|
"top": 20
|
|
});
|
|
});
|
|
});
|
|
}
|
|
else {
|
|
$(".slide img").animate({
|
|
"top": -200
|
|
}, function() {
|
|
$("#mover").animate({
|
|
"left": movement
|
|
}, function() {
|
|
$(".slide img").animate({
|
|
"top": 20
|
|
});
|
|
});
|
|
});
|
|
}
|
|
}
|
|
|
|
$(function(){
|
|
|
|
var $slide1 = $("#slide-1");
|
|
|
|
var panelWidth = $slide1.css("width");
|
|
var panelPaddingLeft = $slide1.css("paddingLeft");
|
|
var panelPaddingRight = $slide1.css("paddingRight");
|
|
|
|
panelWidth = parseFloat(panelWidth, 10);
|
|
panelPaddingLeft = parseFloat(panelPaddingLeft, 10);
|
|
panelPaddingRight = parseFloat(panelPaddingRight, 10);
|
|
|
|
panelWidth = panelWidth + panelPaddingLeft + panelPaddingRight;
|
|
|
|
var numPanels = $(".slide").length;
|
|
var tooFar = -(panelWidth * numPanels);
|
|
var totalMoverwidth = numPanels * panelWidth;
|
|
$("#mover").css("width", totalMoverwidth);
|
|
|
|
$("#slider").append('');
|
|
|
|
sliderIntervalID = setInterval(function(){
|
|
doMove(panelWidth, tooFar);
|
|
}, delayLength);
|
|
|
|
$("#slider-stopper").click(function(){
|
|
if ($(this).text() == "Stop") {
|
|
clearInterval(sliderIntervalID);
|
|
$(this).text("Start");
|
|
}
|
|
else {
|
|
sliderIntervalID = setInterval(function(){
|
|
doMove(panelWidth, tooFar);
|
|
}, delayLength);
|
|
$(this).text("Stop");
|
|
}
|
|
|
|
});
|
|
|
|
}); |