JSPopViewer, visor de imágenes javascript
Abril 3rd, 2008Quiero compartir algo de cosecha propia, JSPopViewer, que es un sencillísimo visor de imágenes escrito en javascript. Podéis visitar la página de ejemplo y descargaros el código desde allí. Muy fácil de implementar.
De momento símplemente funciona y está probado en IE6, IE7, Firefox y Safari. Sé que no va en Opera. Ya tendré tiempo de mejorarlo, tengo unas cuantas ideas en la cabeza.
Se trata de la primera ‘aplicación’ javascript que publico, así que estoy abierto a sugerencias de todo tipo. 
[Descarga]
Esta muy interesante tu script, pero podrias darme una asesoria si yo quisiera que la imagen apareciera por encima de un iframe, ¿como podria implementarlo?.
Te agradesco mucho por tu colaboracion.
Hola Alejo. Gracias por tu comentario
He probado el script en varios navegadores, y en todos ellos me sale por encima de todo el contenido, incluido IFRAMES.
Comprueba si tu IFRAME tiene o hereda la propiedad CSS ‘position:absolute’. En ese caso, si es posible que quede por encima ya que el visor la utiliza también. Aquí la solución sería añadir al estilo de tu IFRAME (o el TAG que contenga el’position:absolute’) la propiedad ‘z-index:1‘. El DIV que contiene el visor tiene por defecto el indice 999, para que quede por encima siempre.
Un saludo
¿Has considerado implementarlo en las plataformas de Pocket PC / Windows Mobile?
Hola Fernando. Está orientado solamente a web y a navegadores de escritorio.
¿En qué sentido me dices que podría implementarse? ¿Como aplicación standalone? ¿O simplemente hacerlo compatible con los navegadores de esas plataformas?
Hola buenos días.
Lo primero quería agradecerle el visor me a parecido sensacional.
Si que le pido si me puede ayudar, he implementado el visor en una página que estoy haciendo y en firefox si que se ve sin ningún tipo de problemas, pero con el explorer no soy capaz de hacerlo funcionar se me carga la página en el navegador pero cuando pincho en las fotos no me hace nada.
No se si es que al acoplar el visor a la página me he cargado algo de la programación el Explorer con el que estoy trabajando es el IE 7.0 y IE 8.0 y en los dos me pasa lo mismo.
He probado la página con Ubuntu, win XP y Win 2003 y en los tres con Firefox funciona a las mil maravillas.
Gracias de antemano.
Hola Fernando! Me alegro un montón de que te haya sido util.
Prueba a colocar el script que crea el objeto JSPopViewer, en lugar de después de abrir el tag BODY, después de cerrarlo ( al final de la página).
De todos modos, cuando tenga un rato tendré que actualizar el visor para mejorar compatibilidad.
Un saludo
Hola gracias por responder tan pronto.
He probado lo que me ha comentado y por desgracia no me ha funcionado
Lo que si he visto es que IE 7.0 me abre la página pero no funcionan los efectos.
Y con IE 8.0 me da un error y pone algo asi como, “Internet explorer no puede habrir el sítio http://mipagina.net Operación anulada.
De programación se muy poco por no decir nada y esto se me escapa de las manos.
Gracias.
Prueba a quitar el tag <center></center>, con el cual encierras el script que crea el objeto JSPopViewer. Ahí carece de sentido.
Parece que el problema es que IE es un poco delicado con los TAG que puedan quedar abiertos a la hora de manejar la página. Cuando llamas al script (al final) en ese preciso momento el tag <center> lo tiene abierto, y al intentar insertar algo en la página provoca el error que comentas. Podrían ir por aquí los tiros, según he leido.
Cuéntame si avanzamos algo
.
Hola buenas noches, he estado mirando y con mis poquisimos conocimientos de programación no he encontrado nada, por lo tanto y hasta que pueda encontrar la solución pondré un enlace al firefox en la web para que la gente que no pueda ver la página se descargue ese navegador.
Muchas gracias por todo.
Espero impacientemente esa revisión del Script.
Muchas gracias, por el aporte de verdad que esta muy bueno…
Estoy incursionando en el tema de JavaScript y me gustaria conocer mas ejemplos que tengas para ir evolucionando en mi conocimiento al igual que lo he hecho con otras tecnologias, la verdad es que me gusta que mis aplicaciones sean muy enriquecidas visualmente para el usuario final.
Saludos!
quisiera saber si ya se corrijieron los codigos para que se pueda ver en el navegador explorer
he intentado hacerlo funcionar y me sale un error muchas gracias
Hola Roberto. A mi me funciona correctamente en Internet Explorer 6, 7 y 8.
Si no me describes el error que te dá, no podré ayudarte.
hola he probado tu codigo.. ps si funciona cuando la pongo en prueba en mi pc. la cosa es que lo subi a mi server y no funciona alli… porq sera? pues deberia funcionar.. no abre las imagenes ni tampoco carga
Pedro. Probablemente se trate de un error que está provocando algún script, y detiene la ejecución de cualquier otro script.
De todos modos, con tan pocos detalles que me das es imposible averiguar qué falla. El mismo ejemplo que hay colgado en esta web esta subido a un servidor, y está funcionando.