Tema: Slideshow de imagenes
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/10/2011, 00:46
Avatar de morfasto
morfasto
 
Fecha de Ingreso: julio-2011
Ubicación: Lima
Mensajes: 291
Antigüedad: 12 años, 9 meses
Puntos: 8
Slideshow de imagenes
Hola, que tal?

Tengo una pagina que tiene un slideshow de imagenes, cuando la cargo funciona perfecto. El problema esta a la hora de agregar nuevas imagenes al div donde se encuentran las imagenes con AJAX.

Este es mi codigo:
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">  
  5. <link rel="stylesheet" href="css/global.css">
  6. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  7. <script src="js/slides.jquery.js"></script>
  8. <script>
  9.     $(function(){
  10.         $('#slides').slides({
  11.             preload: true,
  12.             preloadImage: 'img/loading.gif',
  13.             play: 5000,
  14.             pause: 2500,
  15.             hoverPause: true
  16.         });
  17.     });
  18. </script>
  19. </head>
  20. <body>
  21. <div id="slides">
  22.     <div class="slides_container">
  23.         <a href="#" target="_blank"><img src="1.png"></a>
  24.         <a href="#" target="_blank"><img src="2.png"></a>
  25.         <a href="#" target="_blank"><img src="3.png"></a>
  26.         <a href="#" target="_blank"><img src="4.png"></a>
  27.         <a href="#" target="_blank"><img src="5.png"></a>
  28.     </div>
  29. </div>
  30. </body>
  31. </html>
No he puesto la parte de AJAX porque funciona bien y ese no es el problema. El problema esta en esta funcion:
Código HTML: 
Ver original
  1. <script>
  2.     $(function(){
  3.         $('#slides').slides({
  4.             preload: true,
  5.             preloadImage: 'img/loading.gif',
  6.             play: 5000,
  7.             pause: 2500,
  8.             hoverPause: true
  9.         });
  10.     });
  11. </script>
Ya que cuando cargo las nuevas imagenes con AJAX y PHP, este codigo no se vuelve a leer, por lo tanto no se crea el slideshow.

De que manera podria ejecutarlo cuando muestro las nuevas imagenes para que se cree el slideshow?

Muchas gracias!