Anim et image

Résolu
uvogin Messages postés 152 Date d'inscription   Statut Membre Dernière intervention   -  
uvogin Messages postés 152 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

voilà le problème:

j'ai une animation et une image, je voudrais savoir comment je peux faire pour que l'animation soit derriere une image
qui est découpé comme une etoile avec un fond transparent enregistrée en .gif et qui laisserait passe par derriere l'animation.

merci d'avance ;-)
A voir également:

7 réponses

Posotaz Messages postés 489 Date d'inscription   Statut Membre Dernière intervention   225
 
Salut,

En HTML ? Tu peux utiliser le background d'un DIV pour l'image de fond et venir mettre l'animation dedans (ou l'inverse) avec la balise IMG. Evidemment il faudra que tu fixes la taille du DIV avec les valeurs de l'image de fond. Je viens de le faire pour voir si c'était faisable :

<html>
<head>
<style type="text/css">
#imb {
	background-image: url("HPIM0559rz.png");
	height: 519px;
	width: 692px;
}
#im {
	margin-left: 248px;
	margin-top: 167px;
}
</style>
</head>
<body>
<div id="imb">
	<img id="im" src="GECO.jpg" />
</div>
</body>
</html>


Mon image de fond fait 692x519 (= la taille que j'ai donné à mon DIV) tandis que l'image qui va venir se poser dessus fait 196x183. Les marges ont été calculées de sorte à centrer l'image sur son fond : taille du fond / 2 - taille de l'image / 2.

Voilà, j'espère que ça t'aidera.
0
uvogin Messages postés 152 Date d'inscription   Statut Membre Dernière intervention   3
 
merci pour ta reponse mais il s'agit d'une image sur une image (n'est ce pas).

dans mon cas ce serait une image sur une video flash (.avi,.swf ...)

est ce que tu serais ??

merci
0
Posotaz Messages postés 489 Date d'inscription   Statut Membre Dernière intervention   225
 
Ah... Dans ce cas, puis-je te suggérer l'utilisation de positions absolues avec gestion des z-index ?
0
uvogin Messages postés 152 Date d'inscription   Statut Membre Dernière intervention   3
 
c'est a dire
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Posotaz Messages postés 489 Date d'inscription   Statut Membre Dernière intervention   225
 
Pas vraiment... à faire :p (oh le vilain jeu de mots).

Je ne vais malheureusement pas pouvoir deviner ton niveau de connaissances en HTML et CSS mais je peux t'expliquer l'idée autrement :

Ton animation SWF est contenue dans une certaine balise Object et à l'affichage, elle aura une certaine position x/y sur la page. Cette position est calculée relativement aux autres objets présents sur la page. Par contre il est possible de forcer une position absolue d'un objet dans la page en utilisant l'attribut CSS "position" et en lui donnant la valeur "absolute". Etant donné que cette méthode provoque la superposition d'objets si deux objets sont positionnés dans un emplacement commun, les z-index permettent de définir quel objet sera placé sur tel autre (c'est un système de couches -ou layers- sur la page), c'est aussi une propriété CSS.
0
uvogin Messages postés 152 Date d'inscription   Statut Membre Dernière intervention   3
 
ok je comprends mieux, pour le moment je faisais des tests avec le html, et je comptais faire une mise en page css plutard mais je m'y mets de suite pour les essais avec tes conseils.

merci!!
0
uvogin Messages postés 152 Date d'inscription   Statut Membre Dernière intervention   3
 
c'est ok ça marche!! victoire

t'es au top Posotaz je te remerci pour tes conseils.

;-)
0