Galeria imagenes animada

[mariomon17]

Hola a todos, estoy creando una galeria de imagenes. Quiero que salgan miniaturas y al pulsarlas en un panel grande la imagen. Quiero que el panel grande no tenga un tamaño fijo, y que las imagenes pasen con un efecto (fade, o lo que sea). No quiero nada mas, encuentro mileees de plugins, efectos, demos, etc.
Me gustaria que o me dierais algun enlace o me enseñarais (directrices iniciales) como hacedla yo.

Un saludo.

--------------------------------------------------------------------------------------
Edito:
He encontrado este codigo (extraido de http://dospuntocero.bligoo.com/conte...on-jQuery.html) para hacer una Galeria con JQuey:



No entiendo muy bien lo de CDATA, DOM, cuando estes listo ?

A partir de ese codigo (por ejemplo), ¿como se podria animar, etc?


Gracias a todos

[masterpuppet]

Que tal mariomon17,

te dejo info sobre CDATA y ready, no entiendo bien cual es tu problema y te hago una pregunta, con la cantidad industrial de plugins que hay, no hay ninguno que se adecue a tus necesidades ?

Saludos.

[mariomon17]

Ok, voy a leerlo Si tengo algun problema, te pregunto. Gracias.

He encontrado uno que se medio-adapta, mi problema es que no se mucho entonces no se como puedo hacer los cambios necesarios para que se adapte al 100%.
Ahora estoy trabajando con este: http://galleria.aino.se/
Pero quiero poner la lista de thumbs arriba, y en este esta abajo de la imagen principal...

[masterpuppet]

Lo único que precisas para lograr lo que necesitas en invertir algunos valores en el css, algo asi:

Código CSS:

.galleria-stage {
    position: absolute;
    bottom: 10px;
    top: 60px;
    left: 10px;
    right: 10px;
    overflow:hidden;
}
.galleria-thumbnails-container {
    height: 50px;
    top: 0;
    position: absolute;
    left: 10px;
    right: 10px;
    z-index: 2;
}
 
.galleria-info {
    width: 50%;
    bottom: 60px;
    left: 15px;
    z-index: 2;
    position: absolute;
}
 

[mariomon17]

Gracias, ya lo logre. El problema que me surge es que es muuy lenta, tarda mucho en cargar una imagen y va a trompicones...

[masterpuppet]

Ajusta el valor de la opción autoplay,

Código Javascript:

//cada 1 segundo por ejemplo
$('#galleria').galleria({autoplay: 1000});
 

yo lo veo fluido en chrome(debian squeeze).

Saludos.

[mariomon17]

Amigo, yo soy de PHP + MySQL y me habian pedido una galeria. Llevo unas cuatro horas leyendo y leyendo cosas acerca, primero, de JQuery, de ahi, ya no recuerdo como, me pase a Ajax.
Ahora estoy realizando el plan de como remodelar mi web en Ajax...
Creo que me mata la curiosidad de descubrir nuevas cosas

Lo de la galeria ya mas o menos lo voy controlando, he cambiado algunas opciones y me va mejor, gracias por la ayuda

PD: Me voy a dormir, me duelen los ojos, no puedo mas, hoy soñare con JQuery....

[caricatos]

Tema movido desde javascript