Foros del Web » Programando para Internet » Javascript »

¿ Como modificar esta galería de imágenes ?

Estas en el tema de ¿ Como modificar esta galería de imágenes ? en el foro de Javascript en Foros del Web. Hola !! Me gustaría implementar esta galería de imágenes en una web pero debería tener una flechita a la derecha y otra a la izquierda ...
  #1 (permalink)  
Antiguo 07/10/2014, 04:00
 
Fecha de Ingreso: octubre-2003
Ubicación: España
Mensajes: 1.067
Antigüedad: 20 años, 6 meses
Puntos: 18
¿ Como modificar esta galería de imágenes ?

Hola !!

Me gustaría implementar esta galería de imágenes en una web pero debería tener una flechita a la derecha y otra a la izquierda y que el usuario pudiera pasar de tres en tres diferentes imágenes, si puede ser mediante transiciones mejor.

¿ Como lo puedo hacer?

Mil gracias.
  #2 (permalink)  
Antiguo 07/10/2014, 04:54
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: ¿ Como modificar esta galería de imágenes ?

intenta implementar http://www.forosdelweb.com/f13/anima...lider-1108914/
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #3 (permalink)  
Antiguo 07/10/2014, 05:23
 
Fecha de Ingreso: octubre-2003
Ubicación: España
Mensajes: 1.067
Antigüedad: 20 años, 6 meses
Puntos: 18
Respuesta: ¿ Como modificar esta galería de imágenes ?

Gracias por tu interés pero no es exactamente lo que busco..

Si te fijas, en el plugin que comento muestra 3 imagenes en forma de círculo y con un ligero efecto al pasar el ratón por encima (dicho efecto puede ser convertir la imagen ligeramente mas oscura con efecto transición).

  #4 (permalink)  
Antiguo 07/10/2014, 13:10
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: ¿ Como modificar esta galería de imágenes ?

de lo que hablas es tu primer post es de un slider. y eso es lo que te he proporcionado. no se ajusta exactamente a tus exigencias, pero ya tienes un comienzo con el que programar lo que quieres
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #5 (permalink)  
Antiguo 08/10/2014, 01:47
 
Fecha de Ingreso: octubre-2003
Ubicación: España
Mensajes: 1.067
Antigüedad: 20 años, 6 meses
Puntos: 18
Respuesta: ¿ Como modificar esta galería de imágenes ?

Gracias pero ya tengo varios sliders. El problema es en dar una forma circular a las imagenes, que sea responsive pero sobre todo, que al pasar con el ratón por encima la imagen se oscurezca (y cada imagen con un link)...

He probado y nada...
  #6 (permalink)  
Antiguo 08/10/2014, 13:49
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: ¿ Como modificar esta galería de imágenes ?

todo eso que comentas se hace con css
  • la forma circular --> border-radius
  • responsive desing --> unidades relativas (%, em, rem)
  • rollover con opacidad --> pseudo-clase :hover y propiedad opacity
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #7 (permalink)  
Antiguo 09/10/2014, 02:27
 
Fecha de Ingreso: octubre-2003
Ubicación: España
Mensajes: 1.067
Antigüedad: 20 años, 6 meses
Puntos: 18
Respuesta: ¿ Como modificar esta galería de imágenes ?

  • rollover con opacidad --> pseudo-clase :hover y propiedad opacity
[/QUOTE]

Pero "opacity" creo que no genera una imagen más oscura, lo que hace es que sea más transparente o no verdad?
  #8 (permalink)  
Antiguo 09/10/2014, 03:16
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: ¿ Como modificar esta galería de imágenes ?

Lo que bien te dice IsaBelM, es correcto. La propiedad opacity te permitirá hacer lo que buscas. Te sugiero probar antes de preguntar.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Etiquetas: html, modificar
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 07:59.