jQuery Fancy - la fenêtre popup ne se développe pas complètement

Question

J'utilise jQuery Fancybox pour afficher un certain nombre de vidéos Flash sur un site et j'ai des problèmes avec la fenêtre ne s'ouvrant pas complètement sur le premier clic dans Firefox. Cela fonctionne très bien dans d'autres navigateurs.

Voici le jQuery:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("a.videoLink").fancybox({ 
      'titleShow' : false, 
      'autoscale' : true, 
      'width' : '820', 
      'height' : '620', 
      'transitionIn' : 'elastic', 
      'transitionOut' : 'elastic' 
      }); 
     }); 
    </script> 

Voici le code html:

<tr> 
<td class="title"><a class="videoLink" href="#video-content30">CPR Lesson 1 Movie</a></td> 
<td class="time">38:39</td> 
<td class="video" style="display:none"> 
    <div id="video-content30"> 

      <script type='text/javascript'> 
      var flashvars = { 
      file: 'http://www.stockmarketcpr.com/smsys/link/CPR-Lesson-1-Movie.flv', 
      id: '30' 
      }; 
      var params = { 
      wmode: 'opaque', 
      bgcolor: '#CCCCCC', 
      allowfullscreen: 'true', 
      allowscriptaccess: 'always' 
      }; 
      swfobject.embedSWF('http://www.stockmarketcpr.com/_flash/player.swf', 'player30','800','600', '9.0.0','expressInstall.swf', flashvars, params); 

      </script> 

      <div id="player30"></div> 
    </div>  
</td> 
</tr> 

je finis par obtenir un quart de pouce fenêtre haute, pleine largeur sur le premier clic. Le deuxième clic joue bien.

J'apprécierais toute aide.

Merci!

Answer 1

J'ai reçu un nouveau code des gens sur le forum d'aide de fancybox.

Pour le contenu en ligne, le code doit ressembler à ceci:

<a class="videoLink" href="http://www.myurl.com/_flash/player.swf?file=http://www.myurl.com/mydirectory/myMovie.flv">CPR Lesson 1 Movie</a> 

Une fois que je mets en place que cela a fonctionné comme un charme.

Answer 2

Si vous utilisez un fancybox pointant contenu en-ligne, assurez-vous que dans votre CSS #video-content30 est de style avec les dimensions recherchées il y a

Answer 3

Je ne sais pas si cela est toujours d'actualité, mais je connais quelques semaines, je téléchargé et installé Fancybox et remarquait une erreur avec la transition élastique.

Il s'est avéré que la source Fancybox qui était utilisée sur le site d'exemple et la source fournie pour le téléchargement étaient légèrement différentes. J'ai copié la source qui était utilisée sur le site et j'ai remplacé la mienne et ça a bien fonctionné.

Ça vaut vraiment le coup d'essayer. Cela m'est arrivé avec quelques plugins jQuery récemment - il semble que les développeurs ne gardent pas leurs trucs correctement synchronisés.