Question

抱歉，我有一个简单的问题，但我无法理解。

我想在页面加载时使用Fancybox 2进行图像弹出，效果很好，但是当用户点击图像弹出窗口时，他应该被定向到外部链接，我不能成功。

这是我的代码： <script type="text/javascript"> $(document).ready(function() { $(".modal_link").fancybox().trigger('click'); }); </script>

并在html中： <a class="modal_link" href="image.PNG"></a>

Answer 1

尝试

<script type="text/javascript">
$(document).ready(function() {
 $(".modal_link").fancybox({
  closeClick : true, // closes fancybox when clicking INSIDE of it
  afterClose : function(){
   // redirect to a new page after closing fancybox
   window.location = 'http://newsite.com/';
   // parent.location = 'http://newsite.com/'; // also works
  }
 }).trigger('click');
}); 
</script>

Answer 2

    <script type="text/javascript">
jQuery(document).ready(function(){
    if (document.cookie.indexOf('visited=true') == -1) {
        var fifteenDays = 1000*60*60*24*15;
        var expires = new Date((new Date()).valueOf() + fifteenDays);
        document.cookie = "visited=true;expires=" + expires.toUTCString();
        $.fn.colorbox({width:"30%", inline:true, href:"#subscribe"});
    }
});

             </script>

页面加载时Fancybox弹出窗口的外部链接

2 个答案: