15/02/2014, 23:06
|
| | | Fecha de Ingreso: enero-2013
Mensajes: 193
Antigüedad: 11 años, 10 meses Puntos: 4 | |
Respuesta: Cargar contenido js dentro de un div con ajax, Me falla ay Dios !!
Código:
<div class="container">
<div class="slider">
<div id="slider1">
<img src="imagenes-galeria/1.jpg" />
<img src="imagenes-galeria/2.jpg" />
<img src="imagenes-galeria/3.jpg" />
<img src="imagenes-galeria/4.jpg" />
<img src="imagenes-galeria/5.jpg" />
<img src="imagenes-galeria/6.jpg" />
</div>
<ul id="thumb"></ul>
<div id='next' class="slider_next"><img src="imagenes-presentacion/next.png" width="78" height="100" alt="next image" /></div>
<div id='prev' class="slider_prev"><img src="imagenes-presentacion/prev.png" width="78" height="100" alt="previous image" /></div>
</div>
Este es uno de ellos, son los tres iguales, lo único que cambia son las imagenes. Sólo carga el primero al abrir la página, pero al cambiar el contenido del div con un botón (mediante ajax) para que salga el siguiente aparece como si el javascript que lo hace funcionar no se activase.
Estos son los archivos js que hacen funcionar el slider:
Código:
<link href="estilo-pagina-css" rel="stylesheet" type="text/css" /><script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
Este es el código del slider:
Código:
<script language="javascript">
$(document).ready(function(){
$('#slider1').cycle({
fx: 'fade', //'scrollLeft,scrollDown,scrollRight,scrollUp',blindX, blindY, blindZ, cover, curtainX, curtainY, fade, fadeZoom, growX, growY, none, scrollUp,scrollDown,scrollLeft,scrollRight,scrollHorz,scrollVert,shuffle,slideX,slideY,toss,turnUp,turnDown,turnLeft,turnRight,uncover,ipe ,zoom
speed: '600',
timeout: '7000',
next: '#next',
prev: '#prev',
pager: '#thumb',
pauseOnHover: false, // if you hover pauses the slider
startClockOnMouseOut: false, // if clock should start on MouseOut
pagerAnchorBuilder: function(idx, slide) {
return '<li><a href="#"><img src="' + slide.src + '" width="43" height="29" /></a></li>';
}
});
});
</script>
Muchas gracias Alexis88 por tu tiempoo |