web-dev-qa-db-ja.com

ページの読み込み時に壮大なポップアップを開く方法は？

Magnific Popup を使用していますが、ページがポップアップで読み込まれるとすぐにビデオが表示されます。

プラグインは正常に動作しましたが、サムネイルをクリックすることなく、ページがロードされるとすぐにポップアップを表示する方法がわかりません。

解決策を探してみましたが、どうにかうまく機能しませんでした。

javascriptjqueryhtmlmagnific-popup
16
Bruno Gomes

JQueryを使用している場合は、ウィンドウロードイベントをリッスンしてから、Magnific Popupのopenメソッドを次のように呼び出すことができます。

(function($) {
    $(window).load(function () {
        // retrieved this line of code from http://dimsemenov.com/plugins/magnific-popup/documentation.html#api
        $.magnificPopup.open({
            items: {
                src: 'someimage.jpg'
            },
            type: 'image'

          // You may add options here, they're exactly the same as for $.fn.magnificPopup call
          // Note that some settings that rely on click event (like disableOn or midClick) will not work here
        }, 0);
    });
})(jQuery);
27
bbone

私は、jqueryのsetTimeout関数を使用して時間指定のモーダルを機能させることができました。settimeout関数で.magificpopupをラップして遅延を設定するだけです。 5000（5秒）の値を任意の値に変更します。

下記参照：

$(document).ready(function () {
setTimeout(function() {
 if ($('#myModal').length) {
   $.magnificPopup.open({
    items: {
        src: '#myModal' 
    },
    type: 'inline'
      });
   }
 }, 5000);
});
10
Syndication