jquery - jqueryはページの読み込み時にファンシーボックスを表示します

Question

ページの読み込み時にFancyboxを起動したいと思います。それを非表示のアンカータグにバインドし、JavaScriptを介してそのアンカータグのクリックイベントを発生させることができます。特定の条件でのみ開く必要があります。

Answer 1

Call it on the document ready. You can check your conditions and then invoke

var yourConditionVariableVal =false;
$(function(){
  if(yourConditionVariableVal)
  {
     $("#yourImage").fancybox();
  }
});

The above code will bind the fancy box to an element with id yourImage.

If you want to show the fancybox on page load event, you can trigger it.

var yourConditionVariableVal =false;
$(function(){
  if(yourConditionVariableVal)
  {
     $("#yourImage").fancybox();
     $("#yourImage").trigger("click");
  }
});

Answer 2

$(function() {
    if(condition) {
        $.fancybox({
            // fancybox options
        });
    }
});