[HTML] Animation flash.swf par dessus image

Version imprimable

15/02/2008, 17h13
romg94

[HTML] Animation flash.swf par dessus image

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
15/02/2008, 18h03
kaiser59
Salut,

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

1 2 3 <div id="banniere">  </div>
Code:

#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 ;)
15/02/2008, 18h43
romg94

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

Je vous tiens au courent, merci bcp
15/02/2008, 19h02
romg94

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

Est ce que vous avez une autre idée ?
15/02/2008, 21h38
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:

<param value="transparent" name="wmode"/>
15/02/2008, 22h10
kaiser59

Citation:

Envoyé par 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:

<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 :P

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
15/02/2008, 23h37
romg94

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

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

Code:

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:

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

16/02/2008, 00h54
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 ? 8O 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.
16/02/2008, 10h45
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)
16/02/2008, 10h47
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

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:

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:

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

16/02/2008, 12h45
romg94

OKi je regarderai ca ce soir la je peut pas.

Merci encore