Ventana texto y presentación fotos

[Melsan]

Buenas noches:

Me gustaría que alguien me dijese como puedo hacer para hacer en mi web para presentar un texto en una ventana de forma que este tenga una barra independiente para que se mueva el texto y no el resto de la página.

Y también me gustaría saber como hacer para tener varias fotos en pequeño y al lado una grande, y que fuese cambiando la grande a medida que se pulsase en las pequeñas.

No se si me explicado lo suficiente, si teneis dudas me lo decis e intentaré explicarme un poquito mejor.

Gracias de antemano.

[caricatos]

Hola Melsan, bienvenido a los foros :

La primera pregunta es cosa de estilos... se trata de poner una capa que tenga el estilo overflow: scroll y para la segunda pregunta te recomiendo que busques galerías de fotos... te paso 3 enlaces de miembros de estos foros...:

La mia: http://www.pepemolina.com/galeria/index.html
La de Carlitos: http://www.carlitos.com.es/ -> imágenes -> galería de fotos
Y la de tunait: http://javascript.tunait.com/javascr...aleriaimagenes

Espero que te sirva.

Saludos

[seoista]

En I.E. no me funciona (no sale completa) la página de Carlitos: http://www.carlitos.com.es/,
en Firefox, si funciona correctamente.

¿Os pasa a vosotros lo mismo?

Saludos

[Melsan]

NO, no es eso exactamente lo que quiero hacer con las fotos, lo que quiero hacer es que una misma pantalla aparezcan por ejemplo tres fotos, y al pulsar sobre en ella en la misma pantalla y sin cambiar de ventana del navegador aparezca ampliada.

[kahlito]

Entonces solo tendrias que poner esas tres fotos y cada una con un enlace a su respectiva foto grande. Por ejemplo:

Código:

<a href="foto_grande.html"><img src="foto_chica.jpg" width="120" height="90"></a>

Saludosss

[Melsan]

NO, he conseguido encontra una web, (no lo he puesto antes pq lo ha habia visto y no sabia donde) que tiene lo que yo quiero +-

http://www.casacallejondelostramposos.com

Veis el texto quiero hacer una ventana que se desplaze como la que tiene esa web. Y las fotos... pues eso

A ver si alguien me puede ayudar, y espero que no sea muy complicado. Gracias

[Melsan]

Buenos días:

Necesito que alguien me ayude, estoy creando una web, y en una sección tengo varias fotos y quiero que salgan todas en pequeño abajo, y al pulsar sobre ella se amplien en la misma página (no en una ventana nueva) y todas en el mismo sitio. ¿Como y con que puedo hacer esto? GRACIAS (tengo la web parada por esto)

[programeitor]

.

Todas las imagenes tienen el mismo tamaño?

incluye una imagen vacia con las dimensiones de la ampliacion, dandole una identificacion: pongo unas dimensiones para que sea mas claro.

<img id="nombre" width="400" height="300">

o con una imagen predeterminada ,por ejemplo la primera de la lista:

<img id="nombre" src="imagen" width="400" height="300">

Ahora ,al pulsar en cada una de las imagenes pequeñas para que se coloquen ampliadas donde queremos:

<img src="imagen" width="80" height="60"
onclick="document.getElementById('nombre').src=this.src">

.

[Offrenbaruna]

muy bien, no se si los maestros de html esten de acuerdo con migo pero lo que tu buscas es algo que es posible hacer con frames, en un frame pones todas las imagenes pequenas, en otro frame pones todas la imagenes ampliadas de las fotos pequenas (botones), y en otro frame en la misma tabla le pones el texto que tu quieras.

Todo se resuelve con frames dentro de una tabla, y esos frames los nombras y vasn a ser tus target de tus imagenes.

[Melsan]

Esta ultima respuesta no me ha quedado clara. Por favor prodrias explicarmela un poco mas detallada y con lenguaje más "amateur" GRACIAS

[Melsan]

Gracias PROGRAMEITOR.

Eso es justo lo que queria, pero ahora voy a complicarlo un poco más

Como puedo hacer que vea cuatro fotos en pequeño, una fechita y al darle sigua viendo las otras cuatro fotos, para pulsar sobre la que quiera.

GRACIAS DE NUEVO

[Melsan]

¿Y para que salga un texto asociado a cada imagen grande?

[programeitor]

4 fotos por fecha?
donde tiene que salir el texto asociado?

Para el paginado de a cuatro puedes usar la misma orden, es decir, le pones un identificador a cada 'cuadro':

<img id='cuadro1'>
<img id='cuadro2'>
...
...

y al pulsar a siguiente fecha o anterior las cambias por otras cuatro., Lo suyo es que guardes las imagenes de la misma fecha con una alusion a dicha fecha ,ejemplo:

01-01-2005-1.gif
01-01-2005-2.gif

o algo similar para poder acceder a ellas mas facilmente con una funcion de esta manera:

function paginar(fecha){
for(n=1;n<=4;n++){
document.getElementById('cuadro'+n).src=fecha+'-'+n+'.gif'
}
}

y el enlace

<a href='javascript:void(0)' onclick='fecha(01-01-2005)'>01-01-2005</a>

[Melsan]

Buenas tardes:

Aunque hace tiempo desde la última respuesta, pero quisiera reabrir este asunto por lo siguiente:

Las fotos a mostrar tienen tamaño distinto, unas estén en horizontal y otras en vertical, ¿como puedo hacerlo?

A cada foto en grande quiero añadirle un pequeño texto que explica cada foto, ¿como lo hago?


Gracias de nuevo

[pateketrueke]

quieres agregar la descripcion textualmente... usa HTML, quieres agregarla en la misma foto??? usa PHP... ahora, como? ... investgia acerca de PHP y la extension de GD para modificar imagenes... lo del HTML supongo que ya sabes, suerte...

ahora, que significa la diferencia del tamaño hor/ver .... eso si no entiendo???

[Melsan]

Si, lo que quiero decir es lo siguiente:

Las galería de foto que quiero mostrar unas están en vertical (380 x 500) y otras son el mismo tamaño pero están en horizontal (500 x 380)

Entonces como al mostrar la imagen dónde quiero le doy ya un tamaño predeterminado (<img id="nombre" width="500" height="380">), cuando la imagen (foto concretamente) en lugar vertical está en horizontal, pues se deformada dependiendo del formato.

Espero haberme explicado bien esta vez. Gracias

[caricatos]

Hola:

La forma difícil es calcular el tamaño con un script... en el servidor puede ser con getImage de php, y en el navegador, con javascript luego de cargarse, consultando sus atributos width/height... y una forma más fácil es poniendo la imagen como fondo de una capa centrada y sin repetir.

Saludos

[Melsan]

Pues para mi son las dos igual de dificil , podrías explicarme la facíl que imagino que la entenderé mejor. Gracias

[caricatos]

Hola:

La idea es la siguiente: tener una capa vacía con mayores dimensiones y cuadrada, y de fondo pones la imagen centrada... por ejemplo para una imagen que no sabes si es 380x500 o 500x380, haces una capa de 600x600 para que quede un margen de 50 de cada lado grande de la foto y de 110 por los lados pequeños...

<div style="width: 600px; height: 600px; background: #eeeeee url(imagen_indefinida.png) no-repeat center center" ></div>

Fíjate que de esta manera no tienes que hacer ningún cálculo, y te puedo asegurar que se centra sea cual sea el tamaño y urientación.

Saludos

[Melsan]

Esto va sobre ruedas, gracias de nuevo. Dónde estoy atascado es en el texto que quiero mostrar debajo de cada imagen grande.

Siguiendo vuestros consejos estoy haciendo lo siguiente:

Tengo una tabla de dos columnas de tal forma que en la columna de la izquierda se muestra la foto en grande, y en la columna de la derecha he creado una nueva tabla de dos columnas y cinco filas y en cada una de las celdas muestro las fotos en miniatura, que al pulsar sobre ella muestra la foto en grande a la izquierda.

Entonces aquí debajo de cada foto grande, es dónde quiero que se muestre un texto con la descripción de esta foto, y logicamente cada foto llevará su texto.

Me habéis dicho con php que investigue, pero lo llevo intentando toda la semana para hacer algo el finde que es cuando puedo, y no consigo nada.

¿Me podéis ayudar? Gracias