Foros del Web » Creando para Internet » CSS »

Problema con galería miniaturas

Estas en el tema de Problema con galería miniaturas en el foro de CSS en Foros del Web. Hola todos, soy un novato en css y tengo un problema a la hora de crear una galería de imágenes. Consiste en lo siguiente: una ...
  #1 (permalink)  
Antiguo 13/04/2009, 08:17
 
Fecha de Ingreso: marzo-2009
Mensajes: 4
Antigüedad: 15 años, 7 meses
Puntos: 0
Problema con galería miniaturas

Hola todos, soy un novato en css y tengo un problema a la hora de crear una galería de imágenes. Consiste en lo siguiente: una serie de miniaturas que al hacer click sobre ellas se abren a tamaño grande (todas ellas se hacen grandes en el mismo lugar). Este es el css que he utilizado:

#contenedor{
width: 300px;
}

.miniatura span{
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;}

.miniatura:active span, .miniatura:focus span{
visibility: visible;
top: 0;
left: 230px;
z-index: 50;
}


Con esto consigo el objetivo pero al pulsar sobre una se me hace grande, pero al pulsar en otra distinta se superpone a la otra. Lo que quiero es que al hacer click sobre cualquier miniatura se cierre la anterior. No se si me he explicado muy bien...

Un saludo y gracias de antemano.
  #2 (permalink)  
Antiguo 13/04/2009, 09:13
Avatar de pao01
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 1.875
Antigüedad: 16 años, 5 meses
Puntos: 351
Respuesta: Problema con galería miniaturas

jorgepunki, fijate aquí (no trata sobre el tema) pero si verás una galería que funciona como la que mencionás. Ahí está el código, espero que te sirva.
__________________
Entre más estrecha la mente, más grande la boca.- Ted Cook
Autosconarte-Blog
  #3 (permalink)  
Antiguo 13/04/2009, 13:57
 
Fecha de Ingreso: marzo-2009
Mensajes: 4
Antigüedad: 15 años, 7 meses
Puntos: 0
Respuesta: Problema con galería miniaturas

pao01 gracias por tu respuesta, lo que yo buscaba era más bien esto:

3w.cssplay.co.uk/menu/gallery_click#nogo

Investigando un poco el codigo he dado con la solución, es un poco atípico (el codigo, basado en fondos con imágenes) pero el resultado un muy bueno.

Un saludo
  #4 (permalink)  
Antiguo 13/04/2009, 14:03
Avatar de pao01
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 1.875
Antigüedad: 16 años, 5 meses
Puntos: 351
Respuesta: Problema con galería miniaturas

jorgepunki, te digo que hasta me agradó más esa galería que vos querés que la que yo tengo, ya que la mía no es que responde al click sino al solo pasarle el mouse por encima y no se si visualmente sea la más adecuada, tanto movimiento me ponía un pelín nerviosa.
Gracias por añadir el link y que bueno que hayas resuelto tu tema.
__________________
Entre más estrecha la mente, más grande la boca.- Ted Cook
Autosconarte-Blog
  #5 (permalink)  
Antiguo 13/04/2009, 14:09
 
Fecha de Ingreso: marzo-2009
Mensajes: 4
Antigüedad: 15 años, 7 meses
Puntos: 0
Respuesta: Problema con galería miniaturas

Efectivamente, a mí tampoco me interesaba tanto movimiento y también me interesa que las imágenes ampliadas se puedan guardar, cosa que no siempre es posible con "hover" ya que al quitar el botón de la miniatura para dirigirte a la ampliación y guardarla, ésta desaparece. Espero que sea de utilidad para todo. Un saludo
  #6 (permalink)  
Antiguo 13/04/2009, 16:38
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 22 años, 4 meses
Puntos: 361
Respuesta: Problema con galería miniaturas

Hola:

Me ha gustado la galería, buen aporte jorgepunki, gracias.

Saludos.

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 21:45.