Ajouter un Lien Autour d'un Flash Intégré Fichier

Je veux faire en sorte que quand je clique n'importe où sur la mémoire Flash intégrée de l'élément, il me prend pour une URL de destination.

Voici mon code actuel, qui ne produit pas l'effet désiré:

<div class="contentdiv" style="margin:-72px 0 10px 0px; cursor:pointer;" onclick="location.href='http://example.com/';">

<object height="410" width="720">
<param name="movie" value="images/tri.swf">
<embed src="images/tri.swf" height="400" width="700"> 
</embed>
</object>

</div>

Maintenant, c'est l'espace derrière la .fichier swf cliquables pour le lien, mais l'élément Flash n'est pas cliquable.

Si la bonne chose à faire est de modifier les .fichier swf en quelque sorte, s'il vous plaît laissez-moi savoir. Je ne me considère pas comme un développeur Flash, mais y at-il toutes les ressources sur l'endroit où commencer ou comment faire quelque chose sur cette base, avec un existant .fichier swf?

Toutes les suggestions sont appréciés!

OriginalL'auteur JWM | 2010-01-22

6

Mise à jour, après plus de recherche:

Cette question a été posée, et la meilleure réponse est que vous avez à créer du lien au sein de flash.

Généralement, cela se fait de façon dynamique par le passage d'un paramètre (généralement nommé clickTAG) à l' .swf pour lui dire où faire un lien.

Dans votre cas (puisque quelqu'un d'autre à condition que vos fichiers swf) je vois 2 options:
1. Votre .swf auteur peut-être déjà mis en œuvre la clickTAG méthode (vous pouvez leur poser des questions, ou tout simplement de l'essayer sur le .swf pour voir si elle fonctionne.)
2. Vous pourriez faire un flash fichier wrapper qui implémente clickTag, et de la charger et afficher votre .fichier swf. Je sais que cela semble comme un hack, mais je ne vois pas d'autres alternatives.
Espérons que cette aide!

J'ai aussi vu quelque chose comme ça [edit: mais je peux pas le faire fonctionner! Googler suggère qu'il n'est pas possible]
```
<a href="http://example.com/" target="_blank">
 <object height="410" width="720"><param name="movie" value="images/tri.swf">
 <embed src="images/tri.swf" height="400" width="700"></embed>
 </object>
</a>
```
(Par exemple ici)

J'ai essayé de mise en œuvre de cette et il ne fonctionne pas. Aussi, votre lien renvoie à une page du forum qui s'affiche à l'onu à ce sujet.
Le lien est une page avec une bannière flash annonce: regarder la source de la page pour voir comment ils l'ont fait!
Ok, j'ai regardé le code source, et c'est un peu moins clair, parce que de la façon dont ils la configuration de cet exemple. Ils ont le <a> tag autour de l'élément flash et le texte qui vient après lui. Il n'est pas clair si cette <a> balise permet la liaison de l'élément flash ou pas. Par exemple, il pourrait être à cause de la <a> tag ou il pourrait être à cause de la façon dont le fichier flash swf est construit. En tout cas, comme je l'ai expliqué dans mon premier commentaire, j'ai essayé de mise en œuvre de ce avec un simple <a> tag comme vous l'avez décrit, mais il n'a pas de travail. Je ne pense pas que ce soit le correctif approprié.
Vous avez raison - je ne peux pas le faire fonctionner!!!! Peut-être il ya une raison ni méthode fonctionne, comme l'un des paramètres utilisés pour incorporer le fichier swf? Je vais faire un peu plus de creuser...
Voir mon révisé à la réponse ci-dessus...

OriginalL'auteur Richard Inglis
14

J'ai eu le même problème, trouvé ce fil, mais il a fini par créer ma propre solution.

J'ai ajouté l'élément transparent pour le lien, puis fait se chevaucher les embeded swf
```
<a href="http://example.com/" target="_blank">
  <object height="410" width="720"><param name="movie" value="http://www.theslap.com/swf/slap_logo.swf">
    <embed src="http://www.theslap.com/swf/slap_logo.swf" height="400" width="700"></embed>
  </object>
  <i style="display:block; height: 410px; width: 720px;  position: relative; z-index: 9; margin-top: -410px;"></i>
</a>
```
Remarque - vous devez probablement inclure le css dans un fichier séparé pour la production de code.

Merci, c'est ce que j'ai fait sauf que j'ai utilisé un div au lieu d'une i tag, et j'ai utilisé top au lieu de margin-top dans le style de la balise. Semble faire exactement ce que je dois faire. Merci encore.
J'ai également eu à changer le mode de Flash à partir de la fenêtre opaque, en ajoutant à l'intérieur de la balise object <param name="wmode" value="opaque"> et cet attribut de la balise embed wmode="opaque".

OriginalL'auteur Gary V
3

Mettre un transparent .gif ou .fichier png sur le flash avec les z-index et le juste point d'ancrage image transparente avec votre URL.

OriginalL'auteur GreaseJunkie
1

Vous pouvez créer votre propre fichier swf (ou demandez à quelqu'un de le faire pour vous) qui a un bouton modifiable avec FlashVars sur la scène et qui se charge dans votre sujet swf en dessous de ce bouton.

J'ai créé pour vous: Télécharger.

Vous avez juste besoin de les ajouter deux FlashVars lorsque vous incorporez c':
1. url - L'URL qui sera visité si le fichier swf est cliqué.
2. swf - Le chargement du fichier swf.
OriginalL'auteur Marty

J'ai eu un fou pour résoudre le problème.... J'ai essayé plusieurs trucs dont jquery et javascript.

Certainement la SOLUTION qui fonctionne et qui fonctionne dans TOUS les navigateurs est l'un au-dessus de ma réponse.

Merci de l'utilisateur user2628529

            <div class="containe">
              <div  style="position:absolute;"> <a href="http://www.sample.com" target="_blank" > <img src="http://www.sample.it/banner/trasparent-190-505.png"> </a> </div>
              <div >
                <object type='application/x-shockwave-flash' data='http://www.sample.it/banner/banner-one.swf' width='190' height='505'>
                  <param name='flashvars' value='clickTag=&clickTarget=_self' />
                  <param name='allowScriptAccess' value='always' />
                  <param name='movie' value='banner-one.swf' />
                  <param name='wmode' value='transparent' >
                </object>
              </div>
            </div>

vous n'avez pas besoin de la png. un simple div vide (avec la même dimension) fonctionne aussi pour moi. mais merci quand même!

OriginalL'auteur Corrado Prever

Il ya une meilleure façon que j'ai trouvé

<div class="flash-wrap">
   <a class="flash-link" href="#"></a>
   <object type="application/x-shockwave-flash" data="flash.swf" width="180" height="220">
      <param name="wmode" value="opaque">
      <param name="movie" value="flash.swf" />
      <param name="quality" value="high" />
   </object>
</div>

 .flash-wrap{
         position: relative;
         }

      .flash-link{
         position: absolute; top:0px; left:0px;
         width:180px; /*Flash Size*/
         height:220px; 
         /*background: url('images/0.gif') no-repeat;*/ /*You should uncommented this line for support old IE version.*/
         }

https://gist.github.com/m-pokrovskii/6558817

OriginalL'auteur Maxim Pokrovskii

<div id="logo" >
   <div id="linklogo" style="position:absolute;"><a href="http://www.gogle.com"><img src="transparent.png"></a></div>
   <div id="flashlogo" >
    <object type='application/x-shockwave-flash' data='1.swf' width='200' height='86'>     <param name='flashvars' value='clickTag=&clickTarget=_self' /><param name='allowScriptAccess' value='always' /><param name='movie' value='1.swf' /><param name="wmode" value="transparent"></object>
</div>

certainement
élimine le problème dans tous les cas

OriginalL'auteur aaydin

Cela a fonctionné pour moi:

<a target="_blank" href="{{ entity.link }}">
    <object type="application/x-shockwave-flash" data="{{ entity.file.path }}?clickTAG={{ entity.link }}" width="120" height="600" style="visibility: visible;">
        <param name="quality" value="high">
        <param name="play" value="true">
        <param name="LOOP" value="false">
        <param name="wmode" value="transparent">
        <param name="allowScriptAccess" value="true">
    </object>
</a>

OriginalL'auteur gtb

Merci!
maintenant. Il a travaillé

    <div style="width: 400px; height: 100px;">
    <a href="http://www.sample.com" target="_blank">
    <object height="100" width="400"><param name="movie" value="1.swf">
      <embed src="1.swf" quality="high" type="application/x-shockwave-flash" wmode="transparent" width="400" height="100" pluginspage="http://www.macromedia.com/go/getflashplayer" allowScriptAccess="always"></embed>
    </object>  
      <i style="display: block; height: 100px; width: 400px; position: relative;z-index: 9;margin-top: -102px;"></i>
    </a>
</div>

OriginalL'auteur Nam Nguyen

Vous ne pouvez pas ajouter un lien à un objet flash, mais vous pouvez superposer une image transparente avec un lien, en plus de l'objet flash.
C'est mon exemple:

    <div style="position: relative;">
        <div style="position: absolute;
        left: 250px;
        top: 0px;
        z-index: 9999;">
            <a href="http://terrazasmedicina.com.ar/hometerrazas.html">
<img src="logoLinkTR.png" width="504" height="103"></a>
        </div>
        <script type="text/javascript">
    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','1024','height','106','src','banner','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','banner' ); //end AC code
    </script></div>

Dans mon cas, l'objet est embeded par un script, mais il devrait fonctionner de la même.

Vous devez envelopper dans un div de l'objet et une div avec l'image, et la position comme absolue le div avec l'image de l'aligner par à gauche, en haut, à droite et en bas des propriétés, et asigning z-index propriété de chevauchement de l'image.

OriginalL'auteur Sergio

Vous devez vous connecter pour publier un commentaire.