Galeria carrusel muestre Divs.

Buenos dias,

Estoy viendo la forma de realizar lo siguiente:



Una galeria tipo carrusel que muestre como principal 2 div que serian botones (tendran algun tipo de animacion por eso deberian ser div) y debajo una lista con thumbnails que iran llevaran a cada div segun corresponda.

El carrusel se realizarlo, el problema es que no me guio a como realizar en vez de una imagen principal me muestre dos imagenes o dos divs como el ejemplo.

Alguna ayuda?

Desde ya gracias.

Claro y que define que ¿imagenes mostrar?

si elijo la 5 ?

se muestra la 5 y 6 o la 5 y 4.. creo que necesitamos mas detalles de que es lo que se desea hacer.

Seria en pares, si haces click en el 2 muestra 1 y 2, si haces en 5 muestra 4 y 5.

Hay manera de hacerlo mostrando dos divs? Es un embrollo bárbaro ja!.

Alguna idea? Gracias!

imagino que podrias guardar las rutas o donde apuntan los thumbnails en un arreglo y luego cargas el link oprimido +1

Aca te dejo un ejemplo de lo que te digo

penHolder , gracias por responder, es eso lo que estoy buscando.

Se puede asignar una variable para que carge un html en eso div? Asi como vos asignaste colores en la variable colours. O asignar un div que este oculto en la misma pagina.

No se si me explico. Gracias por tu ayuda.

en el arreglo hay valores que corresponden a un atributo/propiedad especificas, podes guardar lo que sea, siempre y cuando sea el tipo de valor esperado

Nuevamente gracias por responder.

A ver si entiendo el codigo.

En el ejemplo, se cambia el color de fondo de cada div segun la variable que asignaste (green, yellow, etc). El cambio de produce en el background porq se asigna en esta linea:

Código :

$('#uno').css('background', $(this).attr('destinoUno'));
         $('#dos').css('background', $(this).attr('destinoDos'));

Suponiendo que yo tengo una imagen como background y quiero desplazarla cambiaria por background-position y en las variables asignaria la posicion desplazamiento (100px, 300px, etc). Pero si no quiero cambiar ningun estilo del css sino que la posicion misma del div? Suponiendo que tengo en el div 1 cierta cantidad de contenido oculto que quiero ir mostrando segun que boton clickeo, al igual que en el div 2. Como asigno esa ubicacion?

Saludos,

Dejo un ejemplo de como seria lo q va dentro de los div, asi me explico mejor.

Link

Una lista de imagenes que comenzaría con las dos primeras visibles y las demas se iran mostrando cuando se presione el thumbnails.