Placer image sur Swf
oggy1971
Messages postés
1
Date d'inscription
Statut
Membre
Dernière intervention
-
tryan44 Messages postés 1288 Date d'inscription Statut Membre Dernière intervention -
tryan44 Messages postés 1288 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai créer un site chez Wix.com, sur ce site je peut insérer un widget HTML. Dans ce widget j'insère le code suivant qui me permet d'afficher une playlist de mp3 :
<embed
src="http://assets.mixpod.com/swf/mp3/mixpod.swf?myid=89251414&path=2012/07/27" quality="high" wmode="window" 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">
Tout fonctionne à merveille mais ce que je voudrais faire c'est mettre une petite image sur cette playlist à l'emplacement de la note de musique
Voici un aperçu de la playlist : https://www.cjoint.com/?BGDqYd0ldEL
Petite précision l'image est postée sur un autre site (j'ai le lien).
Quelle ligne doit-je rajouter à mon code pour faire apparaître cette image en dessus de ma playlist ?
p.s : je ne sais pas si j'ai été très clair ;-)
Merci
A+
J'ai créer un site chez Wix.com, sur ce site je peut insérer un widget HTML. Dans ce widget j'insère le code suivant qui me permet d'afficher une playlist de mp3 :
<embed
src="http://assets.mixpod.com/swf/mp3/mixpod.swf?myid=89251414&path=2012/07/27" quality="high" wmode="window" 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">
Tout fonctionne à merveille mais ce que je voudrais faire c'est mettre une petite image sur cette playlist à l'emplacement de la note de musique
Voici un aperçu de la playlist : https://www.cjoint.com/?BGDqYd0ldEL
Petite précision l'image est postée sur un autre site (j'ai le lien).
Quelle ligne doit-je rajouter à mon code pour faire apparaître cette image en dessus de ma playlist ?
p.s : je ne sais pas si j'ai été très clair ;-)
Merci
A+
A voir également:
- Placer image sur Swf
- Swf - Télécharger - Lecture
- Placer des points sur une carte - Guide
- Swf player - Télécharger - Lecture
- Image iso - Guide
- Reduire taille image - Guide
2 réponses
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.
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.