como forzar q aparezca un scroll???, F1, F1, F1!!!

[chascon]

holas, le cuento:
tengo una pagina en la cual va una imagen con datos q se cargan desde una base de datos, la imagen puede ser de distintos tamaños, lo q me importa es q la pagina q muestra la imagen, esta incluida en otra. bueno, lo q necesito es q al mostrar una imagen grande aparezca un scroll, y no se agrande la pagina.

espero haberme explicado bien, cuelquier ayuda se las agradecere mucho, lo necesito urgente, es lo unico q me detiene para entrenar el trabajo y necesito terminarlo lo antes posible.

cualquier idea es bienvenida.

thx desde ya!.

[Rafael]

Necesitarás tal vez meter la imagen sin ancho ni alto, en un div de dimensiones específicas y ponerle la propiedad css overflow.

<div style="width: 200px; height: 100px; overflow: auto;>
<img src="basededatos">
</div>

[DragonX]

Iniciado por chascon

lo q me importa es q la pagina q muestra la imagen, esta incluida en otra. bueno,

es un iframe????

[chascon]

no, trate con un iframe, pero no funciona, es un include(); dentro de un <TD></TD>.
si sabes como funcionaria con un iframe, te agradeceria me ayudes.
=)
thx

[Rafael]

Si estás usando un include tendrás que actualizar la página cada foto. No me había fijado que decías que la foto se carga desde otra página, en ese caso ciertamente sería un iframe.

Pero el include reacciona como que cargas la página y ya, se vuelve estático a menos que uses JavaScript.

Prueba lo que te comento, del div y combinalo con un JavaScript:

<div style="width: 200px; height: 100px; overflow: auto;>
<img src="ImagenBase.jpg" name="BaseDatos">
</div>

y actualiza los datos con algo así:

<a href="#" onMouseOver="BaseDatos.src='OtraImagen.jpg';">
Cambiar Imagen</a>

El # te puede causar un poco de comezón si le hacen click, pero revisa si te funciona la idea y luego se depurará.

[Rafael]

Para el Iframe, tal cual, en vez de usar un include, pones dentro un iframe.

<iframe src="PaginaConFotoInicial.htm" id="Fotos"
width="100"
height="150"
frameborder="0">
Información en caso de no soportar Iframes
</iframe>
<a href="Foto1.html" target="Fotos">Foto 1</a>
<a href="Foto2.html" target="Fotos">Foto 2</a>