Choppy FancyBox нарастающий в инлайн содержание

Question

Я установил плагин FancyBox и у меня есть JS Часть

<script type="text/javascript"> 
    function openFancybox(name) { 
     $.fancybox({ 
     'autoScale': true, 
     'transitionIn': 'fade', 
     'transitionOut': 'fade', 
     'type': 'inline', 
     'href': name, 
     'scrolling' : 'no', 
     afterClose: function(){ 
      $('div.qtip:visible').qtip('hide'); 
     } 
    }); 
    } 

    function showDialog(dialogId, title, message) { 
     $(dialogId + ' p').html(message); 
     $(dialogId + ' h3').html(title); 
     openFancybox(dialogId); 
    } 

    $(document).ready(function() { 
     showDialog('#info-dialog', 'Logout.', 'You are now logged out.'); 
    }); 
</script> 

И в HTML У меня есть

<div id="info-dialog" class="dialog-holder"> 
    <div class="dialog"> 
     <div class="dialog-content"> 
      <a href="#" class="close-button close">Close</a> 
      <h3>Header.</h3> 
      <p>Paragraph.</p> 
      <a href="#" class="button large blue close">Close</a> 
     </div> 
    </div> 
</div> 

Проблема в том, что когда я загрузить страницу всплывающее окно работает, но оно настолько изменчивое:/Fade-out, когда я закрываю всплывающее окно, плавное, но сильно затухающее:/Почему?

Answer 1

В настоящее время Fancybox напрямую не поддерживает способ автоматического запуска. Работа, над которой я мог работать, - создать скрытый тег привязки и запустить его событие onclick. Убедитесь, что ваш вызов для запуска события onclick включен после включения jquery и fancybox js-файлов. Код, который я использовал, следующий:

Этот образец скрипта встроен непосредственно в html, но он также может быть включен в файл js.

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#hidden_link").fancybox().trigger('click'); 
    }); 
</script> 

источник: How to launch jQuery Fancybox on page load?.

Попробуйте это и FancyBox будет гладкой