Imágenes que no se ven en la vista previa

Home Forums Ayuda / Ajuda / Laguntza / Axuda / Help Imágenes que no se ven en la vista previa

This topic contains 3 replies, has 2 voices, and was last updated by  Ignacio Gros 2 years ago.

  • Author
    Posts
  • #29684

    Estefany
    Member

    Estoy trabajando con imágenes en formato SVG y me gustaría insertar algunas como objetos, pues tienen algunos comandos simples de interactividad de javasript. Primero las cargué con un iDevice de archivos adjuntos, luego las quería usar desde la carpeta resources, y en el editor se ven, aunque no con el ancho que deberían. Pero cuando doy vista previa, las imágenes no se ven.

    Se que puedo insertar las imágenes como iframes y funcionan, pero object permite que las imágenes cambien de tamaño con la ventana, y eso me interesa mucho. Y si las inserto como img, se pierde la interactividad.

    Me gustaría saber si hay alguna forma de insertar las imágenes como objetos y que aparezcan en la vista previa.

    Gracias.

  • #29686

    Ignacio Gros
    Member

    Hola Estefany:

    ¿No hay manera de insertar la imagen en la página (como imagen) y añadir la interactividad desde un JavaScript aparte (en línea o en un documento externo?

    Si no, tal vez puedas modificar el tamaño del iframe cuando cargue, para que tenga las dimensiones adecuadas, y cambiar sus dimensiones cuando cambie el tamaño de la ventana: $("IFRAME").resize(function(){...});

    Si no, ¿puedes adjuntar un elp de ejemplo, por favor?

  • #29900

    Estefany
    Member

    No logré utilizar $(“IFRAME”).resize(function(){…}); pero de lo que leí en internet es que IMG desactiva todo los comando javascript cuando insertas SVG, y no logré que mi archivo javascript llamará a los elementos dentro del SVG. Sin embargo, he rodeado el problema utilizando las librerías VIVUS y SVG.js. ¡Muchas gracias!

  • #29906

    Ignacio Gros
    Member

    Me alegra que lo hayas arreglado. Gracias a ti por compartir la solución.

You must be logged in to reply to this topic.