Foros del Web » Creando para Internet » HTML »

Ventana texto y presentación fotos

Estas en el tema de Ventana texto y presentación fotos en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 28/03/2005, 16:08
 
Fecha de Ingreso: marzo-2005
Mensajes: 120
Antigüedad: 12 años, 8 meses
Puntos: 1
Ventana texto y presentación fotos

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.
  #2 (permalink)  
Antiguo 28/03/2005, 16:24
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
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
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 28/03/2005, 22:31
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
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
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·
  #4 (permalink)  
Antiguo 29/03/2005, 07:18
 
Fecha de Ingreso: marzo-2005
Mensajes: 120
Antigüedad: 12 años, 8 meses
Puntos: 1
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.
  #5 (permalink)  
Antiguo 29/03/2005, 11:08
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.893
Antigüedad: 14 años, 9 meses
Puntos: 60
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
  #6 (permalink)  
Antiguo 29/03/2005, 14:19
 
Fecha de Ingreso: marzo-2005
Mensajes: 120
Antigüedad: 12 años, 8 meses
Puntos: 1
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
  #7 (permalink)  
Antiguo 17/04/2005, 04:46
 
Fecha de Ingreso: marzo-2005
Mensajes: 120
Antigüedad: 12 años, 8 meses
Puntos: 1
No puede nadie ayudarme?

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)
  #8 (permalink)  
Antiguo 17/04/2005, 07:13
Avatar de programeitor  
Fecha de Ingreso: febrero-2005
Mensajes: 994
Antigüedad: 12 años, 10 meses
Puntos: 9
.

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">

.
  #9 (permalink)  
Antiguo 17/04/2005, 16:14
Avatar de Offrenbaruna  
Fecha de Ingreso: octubre-2004
Mensajes: 537
Antigüedad: 13 años, 1 mes
Puntos: 1
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.
  #10 (permalink)  
Antiguo 17/04/2005, 17:17
 
Fecha de Ingreso: marzo-2005
Mensajes: 120
Antigüedad: 12 años, 8 meses
Puntos: 1
Esta ultima respuesta no me ha quedado clara. Por favor prodrias explicarmela un poco mas detallada y con lenguaje más "amateur" GRACIAS
  #11 (permalink)  
Antiguo 18/04/2005, 16:43
 
Fecha de Ingreso: marzo-2005
Mensajes: 120
Antigüedad: 12 años, 8 meses
Puntos: 1
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
  #12 (permalink)  
Antiguo 18/04/2005, 16:49
 
Fecha de Ingreso: marzo-2005
Mensajes: 120
Antigüedad: 12 años, 8 meses
Puntos: 1
¿Y para que salga un texto asociado a cada imagen grande?
  #13 (permalink)  
Antiguo 22/04/2005, 15:20
Avatar de programeitor  
Fecha de Ingreso: febrero-2005
Mensajes: 994
Antigüedad: 12 años, 10 meses
Puntos: 9
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>
  #14 (permalink)  
Antiguo 11/05/2008, 11:18
 
Fecha de Ingreso: marzo-2005
Mensajes: 120
Antigüedad: 12 años, 8 meses
Puntos: 1
Re: Ventana texto y presentación fotos

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
  #15 (permalink)  
Antiguo 12/05/2008, 01:57
Avatar de pateketrueke
Modernizr
 
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 26.399
Antigüedad: 9 años, 8 meses
Puntos: 2526
Re: Ventana texto y presentación fotos

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???
  #16 (permalink)  
Antiguo 12/05/2008, 08:15
 
Fecha de Ingreso: marzo-2005
Mensajes: 120
Antigüedad: 12 años, 8 meses
Puntos: 1
Re: Ventana texto y presentación fotos

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
  #17 (permalink)  
Antiguo 12/05/2008, 12:03
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
Re: Ventana texto y presentación fotos

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
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #18 (permalink)  
Antiguo 12/05/2008, 14:42
 
Fecha de Ingreso: marzo-2005
Mensajes: 120
Antigüedad: 12 años, 8 meses
Puntos: 1
Re: Ventana texto y presentación fotos

Pues para mi son las dos igual de dificil , podrías explicarme la facíl que imagino que la entenderé mejor. Gracias
  #19 (permalink)  
Antiguo 13/05/2008, 00:48
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
Re: Ventana texto y presentación fotos

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
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #20 (permalink)  
Antiguo 17/05/2008, 05:50
 
Fecha de Ingreso: marzo-2005
Mensajes: 120
Antigüedad: 12 años, 8 meses
Puntos: 1
Respuesta: Ventana texto y presentación fotos

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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:45.