Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje23-05-2009, 13:45 (UTC)    
Título del mensaje: Necesito Codigo para Agrandar Imagen

Hola, buenos dias. Necesito un codigo que al pasar el mouse por encima de la imagen se pueda agrandar o unicamente con hacerle click a la imagen se pueda abrir una ventana donde se pueda ver mas amplia.

Por favor, traten de explicarme un poco como poder hacerlo. Unicamente no me envien el codigo. Gracias por su colaboracion.
Mensaje23-05-2009, 14:32 (UTC)    
Título del mensaje:

Hola,
podrias colocar la imagen en tamaño pequeño, luego le colocas
un link de Popup con su url, para que al hacerle click se abra en
otra ventana mas grande,

Cita:
<a href="URL DE TU IMAGEN" onclick="window.open(this.href,'','resizable=yes,location=yes,menubar=yes,scrollbars=yes,status=no,toolbar=no,fullscreen=yes,dependent=no,status'); return false"><img height="120" width="140" border="0" src="URL DE TU IMAGEN" />


modifica los valores en rojo, ejemplo de como quedaria,

http://team-ayudamaster.es.tl/pruebac.htm

salu2!


Ultima edición por team-ayudamaster el Sab May 23, 2009 10:33 am; editado 1 vez
Mensaje23-05-2009, 17:51 (UTC)    
Título del mensaje:

A lo mejor este tema te sirve

http://www.paginawebgratis.es/forum/viewtopic.php?t=22319&highlight=

Si no has lo que dice team-ayudamaster

Salu2
Mensaje23-05-2009, 18:02 (UTC)    
Título del mensaje:

Hola,
hay varias opciones.
Empezaré por la más sencilla. Con este código podrás conseguir que la imagen se amplíe al pasar el mouse sobre ella:
Cita:
<img src="URL de Imagen pequeña" onmouseover="this.src='URL de Imagen grande';" onmouseout="this.src='URL de Imagen pequeña';" />

Debes disponer de 2 imágenes, una en tamaño reducido y otra en tamaño grande. Sube las imágenes a www.pixelea.com [Ver Tutorial] . Allí te darán las URL para que reemplaces en el code.

La segunda opción es una muy vistosa y realmente sencilla de utilizar. Simula la ventana que se abre en el Extra "Galería" para ampliar las miniaturas:
http://www.paginawebgratis.es/forum/viewtopic.php?t=4956
Otra similar algo más vistosa pero más compleja es esta:
http://www.paginawebgratis.es/forum/viewtopic.php?t=16013

Esta es una alternativa para clickear la imagen y que aparezca en grande, pero en una nueva página:
http://www.paginawebgratis.es/forum/viewtopic.php?t=2599

Salu2!
Mensaje25-05-2009, 19:20 (UTC)    
Título del mensaje:

tokarg escribió:
Hola,
hay varias opciones.
Empezaré por la más sencilla. Con este código podrás conseguir que la imagen se amplíe al pasar el mouse sobre ella:
Cita:
<img src="URL de Imagen pequeña" onmouseover="this.src='URL de Imagen grande';" onmouseout="this.src='URL de Imagen pequeña';" />

Debes disponer de 2 imágenes, una en tamaño reducido y otra en tamaño grande. Sube las imágenes a www.pixelea.com [Ver Tutorial] . Allí te darán las URL para que reemplaces en el code.

La segunda opción es una muy vistosa y realmente sencilla de utilizar. Simula la ventana que se abre en el Extra "Galería" para ampliar las miniaturas:
http://www.paginawebgratis.es/forum/viewtopic.php?t=4956
Otra similar algo más vistosa pero más compleja es esta:
http://www.paginawebgratis.es/forum/viewtopic.php?t=16013

Esta es una alternativa para clickear la imagen y que aparezca en grande, pero en una nueva página:
http://www.paginawebgratis.es/forum/viewtopic.php?t=2599

Salu2!



GRACIAS A TODOS POR LA AYUDA. PERO ME GUSTARIA SABER A DONDE PUEDO O COMO PUEDO DISTINGUIR O HACER EL LINK DE LA IMAGEN AGRANDADA Y LA OTRA DE LA IMAGEN PEQUENA. POR QUE NO SE.. DISCULPEN MI IGNORANCIA..
Mensaje25-05-2009, 20:54 (UTC)    
Título del mensaje:

Hola,
Si la opción de códigos no te sirve y necesitas agrandar o achicar una imagen con un softaware te recomiendo veas este tema:
http://www.paginawebgratis.es/forum/viewtopic.php?t=15511

Salu2!
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group