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

Panorama Viewer plugin no funciona en imagenes dinamicas

Estas en el tema de Panorama Viewer plugin no funciona en imagenes dinamicas en el foro de Frameworks JS en Foros del Web. No sé si sea pertinente este tema aqui de plugins externos pero si alguien me echa una mano se lo agradeceria: hay un plugin jquery ...
  #1 (permalink)  
Antiguo 04/10/2012, 22:29
 
Fecha de Ingreso: mayo-2011
Mensajes: 105
Antigüedad: 12 años, 11 meses
Puntos: 3
Pregunta Panorama Viewer plugin no funciona en imagenes dinamicas

No sé si sea pertinente este tema aqui de plugins externos pero si alguien me echa una mano se lo agradeceria:

hay un plugin jquery llamado jQuery simple panorama viewer, al implementarlo en mi web se ve bastante bien con una imagen ya creada.

Lo que necesito es crear una imagen al dar click en un enlace, y luego aplicarle el metodo panorama()...

al implementarlo solo añadiendo la clase panorama al img funciona

pero al crear la imagen definiendole la clase panorama no funciona.... me hago entender?

un ejemplo mas claro

Se carga la pagina web con la img class panorama definida desde el principio y funciona asi:

Código HTML:
Ver original
  1. ...
  2. <img src='vista360' class='panorama'/>
  3. ...
  4. </html>

Pero si yo la imagen no la cargo desde el inicio sino que la creo mediante javascript y luego le defino la clase panorama no funciona...

Código Javascript:
Ver original
  1. $('#linkvisitavirtual').click(function(){
  2.         $('#contenidodinamico').html("");
  3.         var nuevaimagen = $('<img/>',{id:'vista360','class':'panorama','src':'http://farm9.staticflickr.com/8177/8054523124_fab61ba604_k.jpg',width:'2048',height:'291'});
  4.         nuevaimagen.appendTo($('#contenidodinamico'));
  5.     });

Y si creo la imagen, luego le aplico el metodo panorama() no funciona
Código Javascript:
Ver original
  1. $('#linkvisitavirtual').click(function(){
  2.         $('#contenidodinamico').html("");
  3.         var nuevaimagen = $('<img/>',{id:'vista360','class':'panorama','src':'http://farm9.staticflickr.com/8177/8054523124_fab61ba604_k.jpg',width:'2048',height:'291'});
  4.         nuevaimagen.appendTo($('#contenidodinamico'));
  5.  
  6.         $("img#vista360").panorama({
  7.                  viewport_width: 500,
  8.                  speed: 30000,
  9.                  direction: 'right',
  10.                  control_display: 'yes'
  11.          });
  12.  
  13.     });

Y el browser me arroja el siguiente error: Uncaught TypeError: Object [object Object] has no method 'panorama'

aqui esta el link del plugin:

http://www.openstudio.fr/Un-viewer-d...n.html?lang=en
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 05:43.