Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Cambiar de posicion elemento

Estas en el tema de Cambiar de posicion elemento en el foro de Frameworks JS en Foros del Web. Hola gente como les va? Tengo un problema, necesito hacer una galeria de imagenes en Jquery y baje una de internet, pero necesito hacer una ...
  #1 (permalink)  
Antiguo 09/06/2011, 14:55
 
Fecha de Ingreso: agosto-2010
Mensajes: 156
Antigüedad: 13 años, 8 meses
Puntos: 1
Pregunta Cambiar de posicion elemento

Hola gente como les va?
Tengo un problema, necesito hacer una galeria de imagenes en Jquery y baje una de internet, pero necesito hacer una pequeña modificación y por más que lo intento no lo logro :(.

La baje de http://galleria.aino.se y necesito que los thumbnails se muestren en la parte superior en vez de la inferior de la imagen central.

El código html es simple y no me permite modificar la ubicación, es:

Código PHP:
<div id="galleria">
        
            <
a href="img/sing.jpg">
            <
img src="img/sing.jpg">
            </
a>
       
        </
div
Siendo el LINK la img normal y la etiqueta IMG es el thumbnails.

Ahora le dejo el .JS para ver si me ayudan, porque como no se nada, no logre decifrarlo.

Espero me puedan ayudar, muchas gracias.

Aqui se puede ver:

Aqui estan los archicos q vienen con el html.
http://leaders.cl/cdec/jquery.zip
  #2 (permalink)  
Antiguo 09/06/2011, 16:41
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 1 mes
Puntos: 192
Respuesta: Cambiar de posicion elemento

Asumiendo que estás usando el theme "classic", esto puede hacerse con CSS. Debés modificar el archivo galleria.classic.css

Línea 25
Código CSS:
Ver original
  1. .galleria-thumbnails-container {
  2.     height: 50px;
  3.     top: 10px;
  4.     position: absolute;
  5.     left: 10px;
  6.     right: 10px;
  7.     z-index: 2;
  8. }

y línea 17
Código CSS:
Ver original
  1. .galleria-stage {
  2.     position: absolute;
  3.     top: 60px;
  4.     bottom: 10px;
  5.     left: 10px;
  6.     right: 10px;
  7.     overflow: hidden;
  8. }

Notá que los valores que cambié son los de "top" y "bottom". Jugá con eso hasta que encuentres la forma que te gusta.

Ojo que estos son cambios (como diríamos acá) "al vuelito" y podrían modificar el comportamiento de otra cosa.
__________________
nahueljose.com.ar
  #3 (permalink)  
Antiguo 10/06/2011, 07:28
 
Fecha de Ingreso: agosto-2010
Mensajes: 156
Antigüedad: 13 años, 8 meses
Puntos: 1
Respuesta: Cambiar de posicion elemento

Muchas gracias, funciono muy bien.

Saludos y Gracias nuevamente.

Etiquetas: javascript, jquery
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 15:10.