開始FancyBox在頁面加載沒有點擊

我想在網頁加載時使用fancybox顯示模式窗口。該窗口將顯示一個網頁，可以選擇所需的語言。顯示在彈出窗口中的頁面將是與主頁位於同一文件夾（index.php）中的網頁（index_popup.php）。開始FancyBox在頁面加載沒有點擊

來源

2011-12-08 donguyzo

可能重複[如何在頁面加載推出的jQuery的fancybox？]（http://stackoverflow.com/questions/807271/how-to-launch-jquery-fancybox-on –

雖然FancyBox不支持自動啓動的方式，但有幾個解決方法看起來相當成功。我使用的一個值得注意的方法是在下面的鏈接中提供類似的問題。這應該完成的onPageLoad：

How to launch jQuery Fancybox on page load?

來源

2011-12-08 16:20:19 king14nyr

window.jQuery(document).ready(function() { 
    $.fancybox.open('#popup_box'); 
});

來源

2013-02-23 07:16:00

感謝您的解決方案，它正在工作，當你想在沒有點擊加載時打開 – steve

爲2的fancybox：文檔提供了以下例子： http://jsfiddle.net/STgGM/，而我已經準備好添加一個文件：

jQuery(document).ready(function($) { 
    $.fancybox.open([ 
     { 
      href : 'http://fancyapps.com/fancybox/demo/1_b.jpg', 
      title : '1st title' 
     }, 
     { 
      href : 'http://fancyapps.com/fancybox/demo/2_b.jpg', 
      title : '2nd title' 
     }  
    ], { 
     padding : 0 
    }); 
});

來源

2013-12-11 06:44:57 ptim

文檔：http：//fancyapps.com/fancybox/ – ptim

<head> 
<script type="text/javascript"> 

    function autoClick() { 
    document.getElementById('onload').click(); 
    } 

    </script> 
</head> 

<body onLoad="autoClick();"> 

<a class="fancybox-media" id="onload" href="https://www.youtube.com/watch?v=MWydLB0nFew"></a>

來源

2014-03-15 17:29:08

$(document).ready(function() { 
    $('#popup_box').fancybox().trigger('click'); 
});

source

來源

2015-04-20 15:56:42 parisssss

感謝pariss ..它在我的函數調用中起作用。 – Prabhagaran

它在（document）.ready之外工作。例如：function myfunction（）{$（'＃popup_box'）。fancybox（）。trigger（'click'）; } – Prabhagaran

見Fancybox popup once time for session

<script type="text/javascript" src="/js/jquery/jquery.cookie.js"></script> 
<script type="text/javascript"> 

(function($) { 

    function openFancybox() { 
     // launches fancybox after half second when called 
     setTimeout(function() { 
       $.fancybox.open(
        [ 
         { 
          href : 'http://fancyapps.com/fancybox/demo/1_b.jpg', 
         }  
        ] 
       ); 
     }, 1500); 
    }; 

    var visited = $.cookie('visited'); // create the cookie 
    if (visited == 'yes') { 
     return false; // second page load, cookie is active so do nothing 
    } else { 
     openFancybox(); // first page load, launch fancybox 
    }; 
    // assign cookie's value and expiration time 
    $.cookie('visited', 'yes', { 
     expires: 1 // the number of days the cookie will be effective 
    }); 

})(jQuery); 
</script>

的

來源

2015-11-17 21:10:15

O男人...你美... –

如何使這個橫幅可點擊？我想添加一個鏈接，當用戶點擊此橫幅時，他應該重定向到鏈接！ –

看看api http://fancybox.net/api ...你也許可以用html代碼而不是「href」來使用「內容」 –

開始FancyBox在頁面加載沒有點擊

回答

相關問題