[jQuery] stop function by mouseOver
Hello,
i m real desperate about this.
with my function i displayed the content of my 3 DIV elements in a
interval. it works fine.
since a long time im trying to prog a feature wich make a displayStop
by a mouseover. i need this to listen the long content in a div. after
i moved out of the div the function should be run again.
but how?
here is my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title></title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
function fadeEngine(x) {
var total_divs=3;
var y=x;
if(x==total_divs) {y=1;}
else {y++; }
$("#fade"+x).css("display","none");
$("#fade"+y).fadeIn("slow");
setTimeout('fadeEngine('+y+')',3000);
}
fadeEngine(0);
</script>
</head>
<body>
<div id="container">
<div id="fade1" class="faders">Content one</div>
<div id="fade2" class="faders" style="display:none">Content two</
div>
<div id="fade3" class="faders" style="display:none">Content three</
div>
</div>
<div class="blocker"> </div>
</body>
</html>
can someone help me please i dont know how to fineshed the code in jQ
thanks a lot