Discussion:
Abrir imagen en vinculo como pop-up
(demasiado antiguo para responder)
Karmele
2003-12-17 15:12:19 UTC
Permalink
Hola, una consulta:
Debe ser fácil, pero en este momento no doy con ello. Deseo abrir una
imagen con un hipervinculo a la misma imagen pero de tamaño grande. El caso
es que quiero que se abra como un pop, up, o como pagina htm sin menús del
tamaño de la imagen. ¿Alguien sabe como se hace?

Gracias de antemano
Karmele
Pablo
2003-12-17 15:58:38 UTC
Permalink
No se si es lo que buscas pero retocando este javaScript puedes abrir una
ventana sin menus y del tamaño que quieras, la he retocado deprisa y
corriendo, puede que no funcione por alguna tonteria... los parametros de
window.open son bastante intuitivos...

function abre() {
window.open("popUp.html",'nombre','resizable=0,toolbar=0,location=0,director
ies=0,status=0,menubar=0,scrollbars=0,width=550,height=400,screenX=500,scree
nY=500,left=10,top=10');
}

suerte con eso!
Post by Karmele
Debe ser fácil, pero en este momento no doy con ello. Deseo abrir una
imagen con un hipervinculo a la misma imagen pero de tamaño grande. El caso
es que quiero que se abra como un pop, up, o como pagina htm sin menús del
tamaño de la imagen. ¿Alguien sabe como se hace?
Gracias de antemano
Karmele
XUS
2003-12-17 16:28:34 UTC
Permalink
El script que yo te paso ajusta el tamaño del popup al de la imagen, sin
hacer nada, así solo
debes preocuparte de pasarle la ruta a la siguiente funcion.

function abreFoto(ruta)
{
i1 = new Image;
i1.src = ruta;
html = '<html><head><title>Imagen</title></head>';
html += '<body leftmargin=0 marginwidth=0 topmargin=0 marginheight=0>';
html += '<center><img src="'+ruta+'" border=0 name="Foto" ';
html +=
'onLoad="window.resizeTo(document.Foto.width+10,document.Foto.height+35)">';
html += '</center></body></html>';
popupImage = window.open('','_blank','scrollbars=0,resizable=1');
popupImage.document.open();
popupImage.document.write(html);
popupImage.document.close();
}

Para pasar la ruta seria algo como

<a href="#" onClick="abreFoto('fotos/foto1.jpg')">LINK</a>
Post by Karmele
Debe ser fácil, pero en este momento no doy con ello. Deseo abrir una
imagen con un hipervinculo a la misma imagen pero de tamaño grande. El caso
es que quiero que se abra como un pop, up, o como pagina htm sin menús del
tamaño de la imagen. ¿Alguien sabe como se hace?
Gracias de antemano
Karmele
Pablo
2003-12-17 17:01:24 UTC
Permalink
hmm.. si , esto es bastante mejor que lo mio...

Por cierto, menuda has liado con lo del cactus ;p

Pablo.
Post by XUS
El script que yo te paso ajusta el tamaño del popup al de la imagen, sin
hacer nada, así solo
debes preocuparte de pasarle la ruta a la siguiente funcion.
function abreFoto(ruta)
{
i1 = new Image;
i1.src = ruta;
html = '<html><head><title>Imagen</title></head>';
html += '<body leftmargin=0 marginwidth=0 topmargin=0 marginheight=0>';
html += '<center><img src="'+ruta+'" border=0 name="Foto" ';
html +=
'onLoad="window.resizeTo(document.Foto.width+10,document.Foto.height+35)">';
Post by XUS
html += '</center></body></html>';
popupImage = window.open('','_blank','scrollbars=0,resizable=1');
popupImage.document.open();
popupImage.document.write(html);
popupImage.document.close();
}
Para pasar la ruta seria algo como
<a href="#" onClick="abreFoto('fotos/foto1.jpg')">LINK</a>
Post by Karmele
Debe ser fácil, pero en este momento no doy con ello. Deseo abrir una
imagen con un hipervinculo a la misma imagen pero de tamaño grande. El
caso
Post by Karmele
es que quiero que se abra como un pop, up, o como pagina htm sin menús del
tamaño de la imagen. ¿Alguien sabe como se hace?
Gracias de antemano
Karmele
Bosco
2003-12-17 22:33:33 UTC
Permalink
Es un foro de Macromedia:
Dreamweaver > Ventana comportamientos (Vehaviors) > Abrir ventana de
navegador (Open Browswer window)
en la ventana pones el enlace a la imagen grande i el tamaño de ésta. i
tienes opciones de escoger los atributos de la ventana o Popup

Bosco
Post by Pablo
hmm.. si , esto es bastante mejor que lo mio...
Por cierto, menuda has liado con lo del cactus ;p
Pablo.
Post by XUS
El script que yo te paso ajusta el tamaño del popup al de la imagen, sin
hacer nada, así solo
debes preocuparte de pasarle la ruta a la siguiente funcion.
function abreFoto(ruta)
{
i1 = new Image;
i1.src = ruta;
html = '<html><head><title>Imagen</title></head>';
html += '<body leftmargin=0 marginwidth=0 topmargin=0
marginheight=0>';
Post by Pablo
Post by XUS
html += '<center><img src="'+ruta+'" border=0 name="Foto" ';
html +=
'onLoad="window.resizeTo(document.Foto.width+10,document.Foto.height+35)">';
Post by Pablo
Post by XUS
html += '</center></body></html>';
popupImage = window.open('','_blank','scrollbars=0,resizable=1');
popupImage.document.open();
popupImage.document.write(html);
popupImage.document.close();
}
Para pasar la ruta seria algo como
<a href="#" onClick="abreFoto('fotos/foto1.jpg')">LINK</a>
Post by Karmele
Debe ser fácil, pero en este momento no doy con ello. Deseo abrir una
imagen con un hipervinculo a la misma imagen pero de tamaño grande.
El
Post by Pablo
Post by XUS
caso
Post by Karmele
es que quiero que se abra como un pop, up, o como pagina htm sin menús
del
Post by XUS
Post by Karmele
tamaño de la imagen. ¿Alguien sabe como se hace?
Gracias de antemano
Karmele
Karmele
2003-12-18 09:52:56 UTC
Permalink
Bueno, al final trasteando por ahí lo he hecho mas o menos como dice Bosco.
Cuando tengo seleccionada la imagen que quiero, en ventana diseño activo
eventos (on MouseClick)>abrir ventana del navegador y en el cuadro de
dialogo que muestra pongo el tamaño como quiero que se abra (lo ajusto a la
imagen).
Pero ahora se me a ocurrido que en vez de abrir la foto pequeña en otra
ventana, hacer un poco como los álbunes ya hechos (es que estoy haciendo una
álbum de fotos), es decir, que la foto que se selecciona y se da al click se
abra abajo en tamaño grande. Voy a ir trasteando haber si se puede hacer
con DW o tengo que meterle javascript.

Gracias a tos
Karmele.

Pd. Como vereis estoy aprendiendo todavia......

Loading...