slideshow stop button help

[MDanz]

here is the code for the javascript slideshow

function nextslide() {

	// Hide current slide
          object = document.getElementById('slide' + current); //e.g. slide1
          object.style.display = 'none';
              
          // Show next slide, if last, loop back to front
          if (current == last) { current = 1; }
          else { current++ }
          object = document.getElementById('slide' + current);
          object.style.display = 'block';
	  setTimeout(nextslide, 2500);


       }
   

 

how do i stop the slideshow onmouseover?

 

i tried

nextslide.stop();

... but it never worked.

[AyKay47]

function nextslide() {	// Hide current slide          
object = document.getElementById('slide' + current); //e.g. slide1          
object.style.display = 'none';                        
// Show next slide, if last, loop back to front         
if (current == last) { current = 1; }          
else { current++ }          
object = document.getElementById('slide' + current);          
object.style.display = 'block';		 
var timeout = setTimeout(nextslide, 2500);
object.onmouseover = clearTimeout(timeout);
object.onmouseout = timeout;							       
}

[MDanz]

thanks i tried that code and the slideshow stopped working?

[AyKay47]

try adding another line declaring the timeout without storing it in a variable..

 

setTimeout(nextslide, 2500);

[nogray]

In Aykay solution, the object.onmouseout = timeout; (timeout is an integer returned by setTimeout). You can replace that line with

object.onmouseout = nextslide;

 

Or set a global variable called pause and when the mouse over set "pause" to true and when mouse out set it to false and call the next slide. In your function, simply check the status of "pause"

[MDanz]

this is frustrating...

 

i changed the code to this to test.  Everytime it goes to the next slide the alert appears but i haven't clicked on anything????

function nextslide() {

                // Hide current slide
          object = document.getElementById('slide' + current); //e.g. slide1
          object.style.display = 'none';
             
          // Show next slide, if last, loop back to front
          if (current == last) { current = 1; }
          else { current++ }
          object = document.getElementById('slide' + current);
          object.style.display = 'block';
          var next = setTimeout(nextslide, 2500);
	  object.onclick = alert("hello");
		object.onmouseout = next;
                                        
       }