Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/05/2009, 19:57
Avatar de destor77
destor77
 
Fecha de Ingreso: noviembre-2004
Ubicación: Gálvez, Santa Fe, Argentina
Mensajes: 2.654
Antigüedad: 20 años, 1 mes
Puntos: 43
[JQuery] problama con slider y accordion

Hola a todos:
me pasaron un sitio para modificar, lo que quieren es agregar un accordion a una seccion, lo hice usando este:
http://docs.jquery.com/UI/Accordion

el tema es que tengo conflicto con el slider, deja de funcionar si hago anda al accordion y viceversa el header lo tengo asi:
Código html:
Ver original
  1. <script type="text/javascript" src="<? echo JS;?>jquery.js"></script>
  2. <script type="text/javascript" src="<? echo JS;?>jquery.cycle.js"></script>
  3. <script type="text/javascript" src="<? echo JS;?>jquery.lightbox.js"></script>
  4. <script type="text/javascript" src="<? echo JS;?>swfobject.js"></script>
  5. <script type="text/javascript" src="<? echo JS;?>js.js"></script>
  6.  
  7.  
  8. <!-- accordion propuestas -->
  9. <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
  10.   <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
  11.   <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
  12.   <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.accordion.js"></script>
  13.   <script type="text/javascript">
  14.   $(document).ready(function(){
  15.     $("#accordion").accordion();
  16.     $("#accordion").accordion({ collapsible: false });
  17.   });
  18.   </script>

despues hay un archivo js que tiene esto:
Código javascritp:
Ver original
  1. $(function(){
  2.     $('#rotador').cycle({
  3.         fx:     'fade',
  4.         speed:    2000,
  5.         timeout:  3000,
  6.         height:   313
  7.     });
  8.  
  9.     $('a.lightbox').lightBox({
  10.         fixedNavigation:'true',
  11.         overlayBgColor: '#000000',
  12.         overlayOpacity: 0.2,
  13.         containerResizeSpeed: 450,
  14.         txtImage: 'Imagen',
  15.         txtOf: 'de'
  16. });
  17.  
  18. });

este es el codigo de mi slider:
Código html:
Ver original
  1. <div id="rotador">
  2.                 <?
  3.                 $sql="select ruta from slider where estado='1'";
  4.                 $result=mysql_query($sql);
  5.                 while($imagen=mysql_fetch_array($result)){?>
  6.                     <div><img src="<? echo str_replace('../','',$imagen['ruta']);?>" alt="" />                 
  7.                   </div>
  8.                 <?
  9.                 }?>

y el de mi accordion es este:
Código html:
Ver original
  1. <div id="accordion">                   
  2.             <?
  3.             while ($propuesta=$propuestas->fetchResultado()){?>
  4.                 <p>
  5.                     <a href="#"><? echo $propuesta['titulo'];?></a>
  6.                 </p>
  7.                 <div>
  8.                    
  9.                     <? echo $propuesta['texto'];?>
  10.                
  11.                 </div>
  12.  
  13.             <? 
  14.             }?>        
  15.             </div>

el error que me tira el firebug es este:
$("#rotador").cycle is not a function
[Break on this error] height: 313

ojala me puedan dar una mano en esto, desde ya muchas gracias