Placer image sur Swf
Fermé
oggy1971
Messages postés
1
Date d'inscription
dimanche 29 juillet 2012
Statut
Membre
Dernière intervention
29 juillet 2012
-
29 juil. 2012 à 16:53
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 - 1 août 2012 à 18:36
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 - 1 août 2012 à 18:36
A voir également:
- Placer image sur Swf
- Swf opener - Télécharger - Lecture
- Swf file player - Télécharger - Lecture
- Placer des points sur une carte - Guide
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
2 réponses
Cocolabaloune
Messages postés
53
Date d'inscription
mercredi 27 mai 2009
Statut
Membre
Dernière intervention
16 septembre 2015
5
1 août 2012 à 16:39
1 août 2012 à 16:39
Bonjour,
Il est assez difficile d'insérer un élément HTML au dessus d'un élément Flash. Je vous recommande de procéder autrement, car de toute manière la solution sera peu élégante et le résultat sera différent d'un navigateur à un autre.
Sinon, si vous y tenez vraiment, un div en position absolute et avec un z-index assez élevé pourrait faire l'affaire.
Il est assez difficile d'insérer un élément HTML au dessus d'un élément Flash. Je vous recommande de procéder autrement, car de toute manière la solution sera peu élégante et le résultat sera différent d'un navigateur à un autre.
Sinon, si vous y tenez vraiment, un div en position absolute et avec un z-index assez élevé pourrait faire l'affaire.
tryan44
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
220
1 août 2012 à 18:36
1 août 2012 à 18:36
Salut,
Côté HTML :
Côté CSS :
Vous remplacez background:red; par l'url de l'image background:url('mon-image.png') no-repeat; et vous ajustez les marges et dimension en fonction de votre image.
Il faut également modifier le wmode="window" en wmode=" transparent" dans le flash sinon les z-index ne fonctionne pas.
Testé sous IE9, Chrome et Firefox.
Côté HTML :
<div id="encadrement"> <div id="carre"></div> <embed src="http://assets.mixpod.com/swf/mp3/mixpod.swf?myid=89251414&path=2012/07/27" quality="high" wmode="transparent" bgcolor="222222" flashvars="mycolor=222222&mycolor2=c99a53&mycolor3=FFFFFF&autoplay=false&rand=0&f=4&vol=100&pat=0&grad=false" width="410" height="311" name="mixpod" salign="TL" type="application/x-shockwave-flash" pluginspage="https://get.adobe.com/flashplayer/" border="0" style="visibility:visible;width:410px;height:311px;" /><br /><a href="http://www.mixpod.com/playlist/89251414"> </div>
Côté CSS :
#encadrement{
width:410;
height:311;
position:absolute;
z-index:0;
}
#carre{
width:60px;
height:60px;
background:red;
margin:10px;
position:absolute;
z-index:1;
}
Vous remplacez background:red; par l'url de l'image background:url('mon-image.png') no-repeat; et vous ajustez les marges et dimension en fonction de votre image.
Il faut également modifier le wmode="window" en wmode=" transparent" dans le flash sinon les z-index ne fonctionne pas.
Testé sous IE9, Chrome et Firefox.