Discussion :

[romg94]

Bonjour à tous.

Je suis entr1 de faire mon site HTML et j'aimerai bien mettre une animation .swf par dessus ma banniere ki est une image jpg.

Ceci est-il possible ?

Je ne trouve pas de solution, alors je suis entrain de me demande si enfaite il ne faut tout simplement pas s'y prendre comme ca pour mettre une anim ds une baniere.

(A savoir: c'est une anim que j'ai fai tout seul ou il y a un texte qui defile sur fond transparent (normalement))

Je ne sais pas si je me suis bien fait comprendre.

J'attends vos reponses.

merci d'avance

[kaiser59]

Salut,

A ma connaissance pour placer un .swf au dessus d'une image tu peux faire ceci :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="banniere">
  <!-- Place le code ton swf -->
</div>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

#banniere {background : transparent url(image.jpg) no-repeat;}

Ainsi ton image sera placé en fond du div et ton swf au dessus logiquement.

Il y a peut etre une autre solution mais moi je ne voie que celle la pour l'instant

[romg94]

ok merci , je vais tester ca demain car la jss plus au bureau.

Je vous tiens au courent, merci bcp

[romg94]

je viens de tout rapatrier chez moi , et non helas ca ne marche pas

Est ce que vous avez une autre idée ?

[Kerod]

Ton swf sera au dessus mais tu ne verras pas l'image. Ce qui est logique.

Mais il existe une petite propriété à rajouter à l'object.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<param value="transparent" name="wmode"/>

[kaiser59]

Ton swf sera au dessus mais tu ne verras pas l'image. Ce qui est logique.

Mais il existe une petite propriété à rajouter à l'object.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<param value="transparent" name="wmode"/>

C'est sûr que si son swf est de la même taille le div on ne verra rien

As tu précisé la taille de ton div (correspondant à la taille de ton image) si ce n'est pas le cas ton div va s'adapter à la taille de ton swf romg94

[romg94]

ouai je comprend bien ms le souci c'est ke lanim ne passe pas pardessus la banniere, il se place au dessus

[romg94]

voici ce que j'ai fait du coté html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div id="banniere">
		 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="780" height="50">
	<param name="movie" value="images/anim.swf">
	<param name="quality" value="high">
	<param value="transparent" name="wmode"/>
	<embed src="images/anim.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="80"></embed></object>
</div>

le final c'est que j'ai mon anim au dessus de ma banniere


et du coté css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.banniere {background : transparent url(image/banniere.jpg) no-repeat;}

[Kerod]

Attends c'est peut-être moi qui comprends mal.

Tu souhaites faire quoi ? Mettre ton animation au dessous de ta bannière et que l'image de ta bannière soit derrière ton animation ?

Si c'est le cas le code que tu as est bien censé le faire. Comment un conteneur peut passer au-dessus du contenu ? Si ça fonctionne pas ainsi c'est qu'il y a autre chose qui l'en empêche et ça on peut pas le savoir vu que l'on a pas ton code.

Si c'est pas le cas, explique-nous mieux ce que tu veux obtenir.

[romg94]

Je reexplique je souhaite faire apparaitre une anim par dessus une image jpg.

Je vous montre ma page : http://0142832633.free.fr

PS: le code que vous m'avez donné n'apparait pas car jai pas mi les modif en ligne mais le resultat est le meme, mon anim s'affiche au dessus de la baniere(image.jpg)

[romg94]

En fait je sais où on s'embrouillé c'est qd je dis au dessus.

Je souhaiterai fair apparaitre l'annime au premier plan sur la banniere (comme un calque et pour linstant j'arrive a afficher l'anim ms pas sur la banniere

[kaiser59]

Salut,

Pour que ton code réponde bien il lui faut mettre un doctype ce qui n'est pas le cas ici.

Ensuite, ton code pour le swf est hors du body un peu normal que tu n'arrive pas à mettre au dessus de ta bannière.

Vue que tu utilises des tables et qu'en plus il y a des erreurs dans ton code, j'imagine que tu ne comptes pas faire valider ton code w3c donc pour ce que tu souhaites faire essaye ceci :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<td class="logo">
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="780" height="50">
	<param name="movie" value="images/anim.swf">
	<param name="quality" value="high">
	<embed src="images/anim.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="80"></embed>
 </object>			
</td>

dans ton css, en plus de ce que tu as déjà dans la class logo :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

.logo {background: url(images/banniere.jpg) no-repeat; width:780px; height:245px;}

[romg94]

OKi je regarderai ca ce soir la je peut pas.

Merci encore