no i dont have
i have 2 js files , how to include them in jsfiddle ?
but this is my htm
<div id="ctgslider" >
<img src="slider/images/Slider-1.jpg">
<div class='Caption'>text text text text text text </div>
<img src="slider/images/Slider-2.jpg">
<div class='Caption'>text text text text text text </div>
<img src="slider/images/Slider-3.jpg">
<div class='Caption'>text text text text text text </div>
<img src="slider/images/Slider-4.jpg">
<div class='Caption'>text text text text text text text text </div>
</div>
because there are an images to see it work i attach all the script in one file .
please just run the index.html and the slider will work on your browser .
but i need the pause option wen mouse hover the images .
thank you very much , but sorry to say that i dont find the NextPicture function (i dont know this ) .
and i dont know what is this mean "non-minified version of the script " .
please can you explane more exactly were you puted this code : " if(sliderPaused) return; "?
or can you giv me the final editing files ?
please
thank you
but please there is one problem now i see it :
wen pause the slide the next arrow (on the right side) dos not work wen click on it .
this mean cant move to the next image wen pause .
Clicking the next button is calling the function NextPicture() too, so we have to differentiate between hovering on the slider and clicking the slider.
In the file ctgslider.js change line 165 / 166 from this:
function NextPicture(){
if(sliderPaused) return;
to this:
function NextPicture(e){
if(sliderPaused && !e) return;