Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Problema con efecto zoom a contenido dinamico

Estas en el tema de Problema con efecto zoom a contenido dinamico en el foro de Frameworks JS en Foros del Web. Hola amigos tengo un problema ..bueno tengo una web que carga contenido dinamico en un div mediante ajax..hasta ahi todo va bien pero cuando trato ...
  #1 (permalink)  
Antiguo 23/06/2012, 00:34
Avatar de ju4nitoX  
Fecha de Ingreso: junio-2012
Ubicación: chiclayo
Mensajes: 7
Antigüedad: 11 años, 10 meses
Puntos: 1
Exclamación Problema con efecto zoom a contenido dinamico

Hola amigos tengo un problema ..bueno tengo una web que carga contenido dinamico en un div mediante ajax..hasta ahi todo va bien pero cuando trato de darle un efecto de zoom a ese contenido que aparece en el div no funciona...he probado dar el efecto sim usar ajax y si funciona pero cuando lo hago con ajax no ..
quiero hacer algo parecido a esto :

http://janne.aukia.com/zoomooz/

existira alguna forma de hacerlo funcionar tal efecto en un div dinamico?
soy nuevo en esto de ajax y jquery..les agradesco por su ayuda.

saludos y muchas gracias

Última edición por ju4nitoX; 23/06/2012 a las 01:15
  #2 (permalink)  
Antiguo 24/06/2012, 11:21
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 1 mes
Puntos: 192
Respuesta: Problema con efecto zoom a contenido dinamico

Sólo volvé a aplicar el plugin a cada elemento que cargás.

Ejemplo cualquiera
Código Javascript:
Ver original
  1. $(function(){
  2.     // ejemplo
  3.     $('.objeto').pluginMio();
  4.  
  5.     // cargo algo con ajax
  6.     $.ajax({
  7.         url: 'cargar.php',
  8.         success : function(datos){
  9.             // cargo la respuesta en algun lado
  10.             $('#bla-bla').html(datos);
  11.  
  12.             // vuelvo a iniciar el plugin para esos elementos
  13.             $('.objeto').pluginMio();
  14.         }
  15.     });
  16. });
__________________
nahueljose.com.ar
  #3 (permalink)  
Antiguo 24/06/2012, 14:32
Avatar de ju4nitoX  
Fecha de Ingreso: junio-2012
Ubicación: chiclayo
Mensajes: 7
Antigüedad: 11 años, 10 meses
Puntos: 1
Respuesta: Problema con efecto zoom a contenido dinamico

Cita:
Iniciado por Naahuel Ver Mensaje
Sólo volvé a aplicar el plugin a cada elemento que cargás.

Ejemplo cualquiera
Código Javascript:
Ver original
  1. $(function(){
  2.     // ejemplo
  3.     $('.objeto').pluginMio();
  4.  
  5.     // cargo algo con ajax
  6.     $.ajax({
  7.         url: 'cargar.php',
  8.         success : function(datos){
  9.             // cargo la respuesta en algun lado
  10.             $('#bla-bla').html(datos);
  11.  
  12.             // vuelvo a iniciar el plugin para esos elementos
  13.             $('.objeto').pluginMio();
  14.         }
  15.     });
  16. });

gracias por tu respuesta..pero intente aplicarlo pero no funciona..creo que no me explique bien..yo tengo una pagina INDEX.PHP en la cual tiene un div llamado CONTENIDO donde muestro lo cargado con ajax.js tambien tengo otra pagina llamada PAQUETES.PHP es ahi en esa pagina PAQUETES.PHP donde tengo otro div llamado AMPLIAR y quiero mostrar el efecto de zoom de jquery.zoomooz.js a los elementos que tengo en el div AMPLIAR el efecto funciona si ejecuto la pagina de PAQUETES.PHP sin ajax pero cuando llamo a la pagina PAQUETES.PHP en el div CONTENIDO del INDEX.PHP mediante AJAX.JS el efecto zoom de jquery.zoomooz.js no funciona...

este es mi codigo de ajax
function mostrarpaquetes()
{
var cap=document.getElementById("contenido");
var http = nuevoajax();
http.open("GET","paquetes.php",true);
http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
http.send();
http.onreadystatechange=function(){
if (http.readyState==1){
cap.innerHTML="<center><img src='../images/ajax-loader.gif'/></center>";
}
if (http.readyState==4){
respuesta=http.responseText;
cap.innerHTML=respuesta;
}
}
}
he leido que debo de colocar el llamado del plugin del zoom del div que quiero aplicar el efecto en este caso seria el div AMPLIAR pero no se en que parte debo hacerlo he colocado como dice Naahuel pero no logro hacerlo funcionar
  #4 (permalink)  
Antiguo 25/06/2012, 07:35
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 9 meses
Puntos: 1532
Respuesta: Problema con jquery.zoomooz.js y ajax

1 - usa jQuery y por otro lado hace un AJAX manual, ¿porque no usar el wrapper de AJAX de jQuery?

2 - solo evalúa http.readyState==4, cuando debe evaluar también http.status==200, verifiquelo en un manual de AJAX

3 - cuando carga elementos desde AJAX no están presentes en el DOM en el momento en que jquery.zoomooz.js ha inspeccionado el mismo, por lo tanto no se ejecutará su efecto en elementos que futuramente se añadan al DOM por ajax, o llame de nuevo a jquery.zoomooz.js o use jQuery live()
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...

Etiquetas: ajax, contenido, dinamico, efecto, jquery, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:04.