Con éxito

Notas

Error

Session expiration Your session is going to expireClick here to extend

Presupuesto

Proyecto pequeño <800

Publicado el

23/01/12 19:25

Cliente

igu***

Este proyecto ha expirado

Publica un proyecto similar y recibe ofertas sin compromiso alguno.

¡Publica un proyecto similar ahora!

Descripción

Para nuestra web-portafolio, y sobre la pantalla adjunta, queremos desarrollar en html5 (NO FLASH) la animación de los objetos que se describe más abajo tomando como base este script o uno similar: http://slidesjs.com/examples/images-with-captions/">http://slidesjs.com/examples/images-with-captions/ La pantalla adjunta muestra el aspecto de la sección "clientes" habiendo hecho clic ya en el logo de prosegur, después un clic en uno de los “servicios realizados” de la columna izquierda, que a continuación nos ha mostrado los “proyectos” correspondientes a esos servicios realizados. Hemos elegido el proyecto “Memoria…”, esto nos ha mostrado a la derecha los “comentarios” y la galería de miniaturas. Finalmente nos hemos situado sobre la segunda de ellas (esto ha hecho aparecer el cartelito amarillo, atributo title) y por último, al hacer clic sobre esta miniatura, han aparecido debajo las correspondientes a esa pieza. Al hacer clic sobre alguna de las imágenes finales se desplegarían en grande a pantalla completa. Descripción del movimiento deseado para los objetos: Se desean 2 maneras de seleccionar el cliente entre los logotipos superiores, y entendemos que esto se puede conseguir con la combinación de al menos 3 slides como el del enlace superior: 1- Clic en alguna de las flechas de los laterales, con lo que no se movería la pestaña blanca pero sí los logotipos (por ejemplo, al hacer clic en la flecha de la izquierda, se moverían todos de derecha a izquierda, se movería hacia la izquierda “prosegur” dentro de la pestaña hasta desaparecer, aparecería otro nuevo por la derecha del todo y entraría en la pestaña, en color, "ediciones sm"), ó 2- Clic en un logotipo de los que no tienen color, en cuyo caso los logotipos no se moverían, pero sí la pestaña En cualquiera de los 2 casos, la pestaña interactuará "como máscara" de los logotipos en color, es decir, dentro de ella se irán visualizando los logotipos en color tanto si son los logotipos los que se mueven como si se mueve la pestaña. O dicho de otra forma: dentro de la pestaña se irá viendo siempre la versión en color de cada logotipo.

La ubicación de un logotipo en la pestaña (por efecto de un clic) reemplaza el contenido de la primera columna por el que corresponda. La flecha blanca horizontal se desplazará arriba o abajo según hayamos hecho clic en alguno de los ítems de cada columna, con suavidad, con un movimiento clásico de aceleración-desaceleración. La elección de un ítem de la primera columna hace aparecer el contenido de la segunda. Los contenidos de las columnas aparecerán suavemente, con una opacidad inicial de 0%, y no es necesario que se carguen dinámicamente, serán divs inicialmente invisibles. Muchas gracias!