abrir foto sobre la misma pagina, sin irse a otra

[gema]

Hola, tengo un superproblema, he diseñado la pagina web de una promotora y desearía poder hacer lo siguiente:
ejemplo tengo una pagina con una serie de fotografias de pisos en pequeño y quiero que cuando se pinche sobre cualquiera de ellas estas se abran en mayor tamaño pero que aparezcan sobre la misma pagina donde se pincho para hacer el hipervinculo, que no se vaya a otra pagina. Espero no haberme liado y por favor que alguien me ayude........
Saludos

[Anita]

Hola podés poner esas imágenes en vista previa en miniatura. Insertás la imagen y vas a ver que en la parte inferior del fp aparece las opciones para la imagen, buscá la que dice Vista en miniatura automática (tercera opción desde la izquierda), la imagen se achica, andá a vista previa y vas a ver que cuando le das click la imagen se agranda.

Saludos

[gema]

Estimada anita agradezco su interes, pero creo que no me he explicado muy bien, quiero que aparezca la imagen (si muy bien), pero tambien quiero que aparezca de fondo la pagina inicial donde estaba la imagen que quiero que se amplie.

[Anita]

Entonces quizás te convendría hacer un pop up con la foto ampliada con una opción a cerrar la ventana.

[gema]

perdona mi ignorancia , pero no se que es un pop up, me lo puedes explicar un poquito mas.
gracias

[Anita]

Un pop up es una ventana que se abre independientemente de tu página. Por ejemplo podés verla acá

<a href='ir.asp?http://www.segundamano.com' target='_blank'>http://www.segundamano.com...</a>

En ese caso la ventana se abre automáticamente cuando cargás la inicial, en el caso tuyo podés decirle que se abra cuando hacés click sobre la imagen y ponerle una opción para cerrar dicha ventana. Las dimensiones de ese pop up se las colocás vos.

[isaro]

También puedes hacer una capa conla foto. Es decir, en dreanweaver creas una &quot;layer&quot; que se abra al pinchar un &quot;hotspot&quot; de la foto que quieres que se amplie. Funciona más o menos como un pop-up pero sin la barra de windows ... es más minimalista!!
Espero haber sido de ayuda!
SMOAK!

[asinox]

hola, la mejor manera de hacer eso con la foto es utilizando un layer en Dreamweaver, o utilizando una ventana Popup (dreamweaver te la hace sin ningun problema....



Hola Anita :P:P:P:P

Seamos sinceros...creamos en lo imposible.

[¿es a mi?]

Dice que lo hace con front page, no con dreamweaver.
Hazlo con un pop up. En la página donde está la foto haz click con botón derecho, elige propiedades de página y en la solapa general pincha en marco de destino predeterminado (los tres puntitos y el lápiz) y elige en destinos comunes nueva ventana.
Cualquier enlace que pinches en esta página se abrirá en otra ventana. Pones las fotos en miniatura en la principal y en grande en la nueva ventana.
No se si me he explicado, de todos modos suerte.

[emanmora]

Hola!
Prueba este script: http://www.huddletogether.com/projects/lightbox2/ a mi me ayudó mucho.
Sólo ten cuidado de cargar todas las carpetas a tu servidor para que funcione.
Saludos.

[gVenom]

Iniciado por gema

Estimada anita agradezco su interes, pero creo que no me he explicado muy bien, quiero que aparezca la imagen (si muy bien), pero tambien quiero que aparezca de fondo la pagina inicial donde estaba la imagen que quiero que se amplie.

Saludos.

Como dijo emanmora, lo que tu quieres es el efecto de lightbox, así que te aconsejo que investigues sobre ello, no es complicado de utilizar


How to Use:
Part 1 - Setup

1. Lightbox v2.0 uses the Prototype Framework and Scriptaculous Effects Library. You will need to include these three Javascript files in your header.

Código HTML:

 <script type="text/javascript" src="js/prototype.js"></script>
      <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
      <script type="text/javascript" src="js/lightbox.js"></script> 

2. Include the Lightbox CSS file (or append your active stylesheet with the Lightbox styles).

Código HTML:

 <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> 

3. Check the CSS and make sure the referenced prevlabel.gif and nextlabel.gif files are in the right location. Also, make sure the loading.gif and closelabel.gif files as referenced near the top of the lightbox.js file are in the right location.

Part 2 - Activate

1. Add a rel="lightbox" attribute to any link tag to activate the lightbox. For example:

Código HTML:

 <a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a> 

Optional: Use the title attribute if you want to show a caption.
2. If you have a set of related images that you would like to group, follow step one but additionally include a group name between square brackets in the rel attribute. For example:

Código HTML:

 <a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
      <a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
      <a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a> 

No limits to the number of image sets per page or how many images are allowed in each set. Go nuts!

[lordev]

Hola lo que tu tas buscando es lighbox....

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

ahi vermas los demos

kualkier kosa pasa la voz.. saludos