Created
April 30, 2013 14:12
-
-
Save dubrod/5488995 to your computer and use it in GitHub Desktop.
Prototype slider js file. Used in Magento 1.7 - Based on http://www.tomdoyletalk.com/simple-gallery/ - BUT I changed line 20 duration to 0 so you don't have that stack issue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// set the starting image. | |
var i = 0; | |
// The array of div names which will hold the images. | |
var image_slide = new Array('image-1', 'image-2', 'image-3'); | |
// The number of images in the array. | |
var NumOfImages = image_slide.length; | |
// The time to wait before moving to the next image. Set to 4 seconds by default. | |
var wait = 4000; | |
// The Fade Function | |
function SwapImage(x,y) { | |
$(image_slide[x]).appear({ duration: 0.5 }); | |
$(image_slide[y]).fade({duration: 0}); | |
} | |
// the onload event handler that starts the fading. | |
function StartSlideShow() { | |
play = setInterval('Play()',wait); | |
$('PlayButton').hide(); | |
$('PauseButton').appear({ duration: 0}); | |
updatecounter(); | |
} | |
function Play() { | |
var imageShow, imageHide; | |
imageHide = i; | |
imageShow = i+1; | |
if (imageShow == NumOfImages) { | |
SwapImage(0,imageHide); | |
i = 0; | |
} else { | |
SwapImage(imageShow,imageHide); | |
i++; | |
} | |
var textIn = i+1 + ' of ' + NumOfImages; | |
updatecounter(); | |
} | |
function Stop () { | |
clearInterval(play); | |
$('PlayButton').appear({ duration: 0}); | |
$('PauseButton').hide(); | |
} | |
function GoNext() { | |
clearInterval(play); | |
$('PlayButton').appear({ duration: 0}); | |
$('PauseButton').hide(); | |
var imageShow, imageHide; | |
imageShow = i+1; | |
imageHide = i; | |
if (imageShow == NumOfImages) { | |
SwapImage(0,imageHide); | |
i = 0; | |
} else { | |
SwapImage(imageShow,imageHide); | |
i++; | |
} | |
updatecounter(); | |
} | |
function GoPrevious() { | |
clearInterval(play); | |
$('PlayButton').appear({ duration: 0}); | |
$('PauseButton').hide(); | |
var imageShow, imageHide; | |
imageShow = i-1; | |
imageHide = i; | |
if (i == 0) { | |
SwapImage(NumOfImages-1,imageHide); | |
i = NumOfImages-1; | |
//alert(NumOfImages-1 + ' and ' + imageHide + ' i=' + i) | |
} else { | |
SwapImage(imageShow,imageHide); | |
i--; | |
//alert(imageShow + ' and ' + imageHide) | |
} | |
updatecounter(); | |
} | |
function updatecounter() { | |
var textIn = i+1 + ' of ' + NumOfImages; | |
document.getElementById('Counter').innerHTML = textIn; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment