Detener loopedSlider

Gustavo1973 · #1 (**permalink**) 27/05/2014, 06:32

Hola, uso el banner animado con loopedSlider en un div en segundo plano y en sierto momento superpondo textos o imagenes y quiero que se detenga el loop. Como puedo hacer?
pongo el codigo de como trabajo.

Código PHP:

 
<!DOCTYPE html> 
<html lang="es"> 
<head> 
<title>XXXXXXXXXX - Locutora - conductora de radio y televisi&oacute;n</title> 
<meta charset="utf-8" /> 
<link rel="stylesheet" href="css/estilo.css" /> 
<link rel="stylesheet" href="css/style.css" /> 
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> 
<!-- <script src="script/prototype.js" type="text/javascript"></script> 
<script src="script/scriptaculous.js?load=effects,builder" type="text/javascript"></script> --> 
<script src="script/jquery-1.3.2.min.js" type="text/javascript"></script> 
<script src="script/loopedslider.0.5.4.js" type="text/javascript"></script> 
 
</head> 
<html> 
<script type="text/javascript" charset="utf-8"> 
    $(function(){ 
        $('#loopedSlider').loopedSlider(); 
    }); 
</script> 
<body> 
<div align="center"> 
    <header> 
        <div class="logo"><h1>xxxxxxxxxxxx</h1></div> 
        <div id="loopedSlider"> 
            <div class="container"> 
                <div style="left: 0px;" class="slides"> 
                    <div style="position: absolute;"><a><img src="imagenes/fondo-head.jpg"  height="580" border="0" width="1200"></a></div> 
                    <div style="position: absolute;"><a><img src="imagenes/fondo-head.jpg"  height="580" border="0" width="1200"></a></div> 
                    <div style="position: absolute;"><a><img src="imagenes/fondo-head2.jpg"  height="580" border="0" width="1200"></a></div> 
                    <div style="position: absolute;"><a><img src="imagenes/fondo-head3.jpg"  height="580" border="0" width="1200"></a></div> 
                    <div style="position: absolute;"><a><img src="imagenes/fondo-head4.jpg"  height="580" border="0" width="1200"></a></div> 
                    <div style="position: absolute;"><a><img src="imagenes/fondo-head5.jpg"  height="580" border="0" width="1200"></a></div> 
                    <div style="position: absolute;"><a><img src="imagenes/fondo-head6.jpg"  height="580" border="0" width="1200"></a></div> 
                 </div> 
            </div> 
        </div> 
        <div class="div_menu"> 
            <ul> 
                <li><a href=".">home</a></li> 
                <li><a href="biografia">biografia</a></li> 
                <li><a href="galeria">galer&iacute;a</a></li> 
                <li><a href="videos">audio y video</a></li> 
                <li><a href="visitas">libro de visitas</a></li> 
                <li><a href="contacto">contacto</a></li> 
            </ul> 
        </div> 
        <? 
            include($p); 
        ?> 
    </header> 
    <footer> 
        <center><a><?=date("Y");?> derechos reservados XXXXXXXXX</a></center> 
        <div><a href="http://www.hgstudio.com.ar"target="_blank"><img src="imagenes/wfirma.png" width="93" height="17" border="0" alt=""></a></div> 
    <footer> 
</div> 
</body> 
</html>

Si alguien puede ayudarme se los voy a agradecer!!!
Gracias!!!