[jQuery] stop function by mouseOver

Thu, 18 Dec 2008 08:57:01 -0800 

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">&nbsp;</div>
    </body>
    </html>

can someone help me please i dont know how to fineshed the code in jQ

thanks a lot

Reply via email to