je cherche à faire une page animée

elle serait du genre une grande image de maison ou l'on utilise des :hover ou quelque chose de similaire pour animé celle-ci.

genre je survole la porte, celle si s'ouvre (lancement d'un gif)
onMouseOver, elle retrouve sont état premier.

si quelqu'un à des idée?

merci d'avance Smiley biggrin
Bonjour,

Ce type d'interface est réalisable de manière très limitée et très primitive en CSS + éventuellement javascript. C'est aussi assez laborieux.

Flash est nettement plus approprié.
Administrateur
Bonjour à toi aussi,

Idées techniques ou idées créatives?
Pour ce qui est de l'inspiration, difficile de savoir ce que tu envisages sans plus de précisions: y a t'il des sites existants qui t'inspirent, as-tu déjà une photo en vue?
Modifié par Felipe (18 Aug 2005 - 15:42)
En flash ça m'a l'air le plus simple pour ce que tu veux faire.
C'est LE langage pour tout ce qui est graphisme.

Parce que sinon placer des gifs correctement avec le problème du positionnement, d'IE qui n'en fait quà sa tête...
Tu n'es pas sorti de l'auberge.

Piste à approfondir (je n'ai pas assez de connaissances pour en parler):
La balise <map>
Modifié par Pops83 (18 Aug 2005 - 15:53)
j'ai déjà un petit script qui me permet de controler le lancement de mes gifs Smiley biggrin

le trucs c'est que j'aimerai savoir si il est utilisable avec une image mappé Smiley cligne

voilà l'engin:
a écrit :
<a href="#" onMouseOver="javascript: document.getElementById('image').src='mongif.gif';"
onMouseOut="javascript: document.getElementById('image').src='legifsansanim.gif';">
<img src="legifsansanim.gif" id="image" title="mon image animée" />
</a> Smiley sweatdrop


les deux gif on même taille mais l'un est statique et l'autre est animé.

si j'arrive à faire en sorte que le statique soit en faite une <area> de mon image mapper et que l'autre puisse le remplacer OnMouseOver.

pour l'image, que j'ai en vue, c'est une photo de maison.
je veut que lorsque on sorvole des parties de celle-ci, ça s'anime.
lorsqu'on click dessus, on rentre dans la pièce (transition par fondu entre les pages) Smiley eek

je vois peut être un peut grand, mais je veut essayer d'éviter flash si possible.

si quelqu'un voit un solution ou encore peut m'orienter un peu plus Smiley cligne
Administrateur
beroots a écrit :
(transition par fondu entre les pages)


alors ça c'est impossible sans Flash Smiley cligne
Bonjour

a écrit :

(transition par fondu entre les pages)
Alors ça c'est impossible sans flash


Si si, c'est possible, mais IE only. Faut rechercher, il existe une balise meta un peu particulière qui permet ça.
Si, si on peut le faire dans les browsers qui supportent la propriété CSS "opacity". C'est une propriété CSS 3 mais je crois bien qu'elle a été intégrée dans CSS 2.1.

Firefox la supporte, je crois bien que Safari et Konqueror/KHTML aussi, je ne sais plus en ce qui concerne Opéra.

Mais je rejoins les autres, (X)HTML et CSS sont adaptés pour du contenu textuel. Pour ce que tu veux faire, flash est beaucoup plus approprié.