jQuery花哨 - 弹出窗口不完全展开

我正在使用jQuery Fancybox在网站上显示一些Flash视频，并且我无法在Firefox中首次单击时打开窗口。它在其他浏览器中工作正常。jQuery花哨 - 弹出窗口不完全展开

这里是jQuery的：

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

下面是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>

我结束了在第一次点击获得四分之一英寸高，全宽的窗口。第二次点击很好。

我希望有任何帮助。

谢谢！

来源

2010-06-15 fmz

我在fancybox帮助论坛上找到了一些新的代码。

对于在线内容，代码需要是这样的：

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

一旦我把到位，它的工作就像一个魅力。

来源

2010-06-23 10:28:26 fmz

如果使用指向内联内容的fancybox，请确保您的CSS #video-content30的样式与尺寸通缉

来源

2010-06-15 19:33:46 Agos

感谢您的反馈意见。如果我有多个条目，例如＃video-content30，＃video-content31等，它们是动态生成的，我将如何设计它？ – fmz 2010-06-15 19:41:04

我不知道这是否仍然适用，但我知道在几个星期前我下载并安装Fancybox，并注意到弹性转换错误。

事实证明，示例站点上使用的Fancybox源代码和提供下载的源代码略有不同。我复制了网站上使用的源代码，并将其替换为我的，并且它工作正常。

无论如何值得一试。最近我发生了一些jQuery插件 - 看起来开发人员并没有保持同步。

来源

2010-06-15 19:38:58 derrickp

我下载了1.3.1，现在情况更糟。让人惊讶。 – fmz 2010-06-15 19:51:15

当，如果你有一个活的例子，我很乐意看看。 – derrickp 2010-06-16 08:11:25

jQuery花哨 - 弹出窗口不完全展开

回答

相关问题