Ver Mensaje Individual
  #5 (permalink)  
Antiguo 15/02/2014, 23:06
Avatar de Luisa29
Luisa29
 
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