Lightbox2页面加载触发器

时间:2011-12-31 13:23:31

标签: javascript jquery lightbox2

如何在加载时触发lightbox2正文。当用户进入网站时,我需要一个弹出窗口。

提前致谢。

3 个答案:

答案 0 :(得分:1)

    <script type="text/javascript">
        // Automagically load Lightbox on Page Load - by Bramus! (http://www.bram.us/)
        // Code modded from http://www.huddletogether.com/forum/comments.php?DiscussionID=1269&page=1#Item_0
        function autoFireLightbox() {
            //Check if location.hash matches a lightbox-anchor. If so, trigger popup of image.
            setTimeout(function() {
                if(document.location.hash && $(document.location.hash.substr(1)).rel.indexOf('lightbox')!=-1) {
                    myLightbox.start($(document.location.hash.substr(1)));
                }},
                250
            );
        }
        Event.observe(window, 'load', autoFireLightbox, false);
</script>

答案 1 :(得分:0)

或类似的东西:

$(function(){
     // Link to open
     $("#link").click();
});

在打开fancybox之前,您需要先初始化fancybox。

现场演示:http://jsfiddle.net/Y554b/1/

答案 2 :(得分:0)

我有一个简单的链接,在网址末尾包含“/ lightbox2”和“rel”属性。

<a id='popup' href="url/lightbox2" rel="lightframe">&nbsp;</a>

并且js是这样的:

<script type='text/javascript'>
$(function() {
  $('#popup').trigger('click');
});
</script>

要显示一次,或者一段时间我使用jQuery.cookie:)