Как я могу заставить это работать, как только страница загружена?

Question

Я хочу, чтобы этот fancyBox запускался сразу после загрузки страницы, вместо того, чтобы нажимать на изображение.

В коде JavaScript у меня есть:

<script type="text/javascript">
        $(document).ready(function() {

    $(".fancybox").fancybox({

                type : 'image',
                maxWidth    : 800,
                padding     : 0,
                fitToView   : true,
                maxHeight   : 600,
                fitToView   : false,
                width       : '70%',
                height  : '70%',
                autoSize    : true,
                closeClick  : false,
                nextEffect  : 'none',
                closeEffect : 'none',
                mousewheel : true

        });
        });
    </script>

Спасибо, ребята!

Answer 1

Предполагая, что .fancybox является изображением, о котором идет речь, $(".fancybox").click() в конце вашего $(document).ready(function() {

Answer 2

Из документации :

jQuery(document).ready(function() {
  $("#your_selector").trigger('click');
});

Где your_selector имеет прикрепленную коробку, поэтому в вашем случае это будет .fancybox.

Answer 3

вы можете попробовать грязный хак

$(document).ready(function() {

    $(".fancybox").fancybox({

                type : 'image',
                maxWidth    : 800,
                padding     : 0,
                fitToView   : true,
                maxHeight   : 600,
                fitToView   : false,
                width       : '70%',
                height  : '70%',
                autoSize    : true,
                closeClick  : false,
                nextEffect  : 'none',
                closeEffect : 'none',
                mousewheel : true

        });
 $(".fancybox").click();
        });

похоже, это документированный способ

jQuery(document).ready(function() {
    $("#your_selector").trigger('click');
});