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!!!