【问题标题】:Fancybox Open on Page LoadFancybox 在页面加载时打开
【发布时间】:2013-06-01 06:05:24
【问题描述】:

我在页面加载时打开花式框。 fancybox 加载正常,但是当我点击 fancybox 时外部链接没有打开。

这是我用于fancybox的div

<div id="inline2" style="display:none;">
<a href="download.php" target="_blank"><img src="images/upgrade.png" border="0" /></a>
</div> <!-- end of inline2 -->

我使用我在页头部分使用的这段代码

<script type="text/javascript">     
$(document).ready(function() {
$("#inline2").fancybox({ 
'padding':          0,
'cyclic':       true,
'width':        625,
'height':       350,
'padding':      0, 
'margin':      0, 
'speedIn':      300,
'speedOut':     300,
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'easingIn':     'swing',
'easingOut':    'swing',
'titleShow' : false
}); 
$("#inline2").trigger('click');
});
</script>

谁能帮我点击fancybox时如何打开donwnload.php页面?

谢谢!

【问题讨论】:

  • the external link doesn't open when I click on fancybox 是什么意思?链接会在新标签页中打开吗? fancybox 做什么:它关闭了吗?什么版本的fancybox?
  • 我使用fancybox (fancyBox v2.0.6) 在页面加载时显示一个div。 div 是一个图像。该图像有说明请下载。该图像也有一个下载按钮。当访问者单击该按钮(实际上是该 div 图像上的任何位置)时,他应该转到 download.php。
  • 当我在站点按钮上显示 fancybox div 时它可以工作单击 。但是当我在pageload中加载fancybox时它不起作用。

标签: javascript fancybox fancybox-2


【解决方案1】:

试试这个脚本...

$("#inline2").fancybox({ 
'padding':          0,
'cyclic':       true,
'width':        625,
'height':       350,
'padding':      0, 
'margin':      0, 
'speedIn':      300,
'speedOut':     300,
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'easingIn':     'swing',
'easingOut':    'swing',
'titleShow' : false
}).trigger('click');

【讨论】:

  • 我刚刚尝试了您的建议,但现在页面加载时我看不到fancybox。
  • 好的,我可以解决它,我将它与头部部分一起使用。
  • 谢谢 yeyene,大家都帮了我
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-09-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多