Hola, lo primero es mi presentación: me apodo 'Wolfchamane' y llevo varios años dedicandome a diseñar webs (a vecinos y comerciantes de mi barrio). Actualmente me han propuesto el diseño de la web de una comunidad online y he estado pensando.
El caso es que ya tengo todo dispuesto (dominio, servidor, foros, blogs, streaming, emails, etc) pero me falta darle un retoque final.
Yo no soy muy entendido en programación, y me manejo con soltura frente al HTML, pero cojeo de animaciones en javascrip o flash.
Os pongo en situación, la web inicial, la presentación, no pretende ser una mera web de tablas con botones y disclaimers, quiero que sea algo más profesional y animado. Tengo editadas varias imagenes relativas a las secciones de la comunidad y la intentención es que según mueva el ratón se roten las imagenes.
Ejemplo: (instance inicial)
Código:
|==========|
| |
| Imagen 3 |
| |
|==========|
|============| |============|
| | | |
| IMAGEN 2 | | IMAGEN 4 |
| | | |
|============| |============|
|====================|
| |
| |
| IMAGEN 1 |
| |
| |
|====================|
Se presupone que la IMAGEN 1 es la más cercana al usuario, y la IMAGEN 3 la más alejada.
Todas las imagenes están en la misma altura (la rotación es en el eje X).
Si situo el ratón sobre el borde derecho de la IMAGEN 1 las imagenes rotán en el sentido de las agujas del reloj, pasando por la IMAGEN 2, IMAGEN 3, etc
Y si lo situo en el borde derecho al revés.
Las imagenes están editadas para mantener zonas transparentes y así las imagenes que queden por detrás se vean a tranves de dichas zonas.
Y la intención es que al pinchar en una de ellas accedas a la sección de la comunidad correspondiente.
¿cómo lo hago?
Gracias de antemano.