Как да направите така, че лайтбоксът да се показва при зареждане на страницата

Здравейте, имам нужда от малко помощ за отваряне на лайтбокс на fancybox при зареждане на страницата.

Ето моята примерна страница

Това, което се опитвам да постигна, е да имам лайтбокс, отворен при зареждане на страницата с html страница, като например iframe, в лайтбокса.

Моето js обаждане е:

jQuery(document).ready(function() {
    $.fancybox(

        {
      'autoDimensions'  : false,
      'width'               : 350,
      'height'              : 650,
      'transitionIn'        : 'none',
      'transitionOut'       : 'none',
      'type': 'iframe',
      'href': 'http://www.meandhimclients.co.uk/beachhorizon/bh_wordpressdev/wp-content/themes/beach%20horizon/lighttest.html'
        }
    );
});

Лайтбоксът се зарежда, така че js е добре, но моята html страница не се зарежда в прозореца. Всяка помощ се оценява.

Благодаря Роб


jquery fancybox
person user1347007    schedule 10.05.2012    source източник

Отговори (3)


arrow_upward
0
arrow_downward

Не знам дали това е причината за проблема ви, но fancybox ви е извикан два пъти: веднъж минимизиран и веднъж пълен източник

<!-- HERE -->
<script type="text/javascript" src="http://www.meandhimclients.co.uk/beachhorizon/bh_wordpressdev/wp-content/themes/beach horizon/js/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript" src="http://www.meandhimclients.co.uk/beachhorizon/bh_wordpressdev/wp-content/themes/beach horizon/js/jquery.easing-1.3.pack.js"></script>
<!-- AND HERE -->
<script type="text/javascript" src="http://www.meandhimclients.co.uk/beachhorizon/bh_wordpressdev/wp-content/themes/beach horizon/js/jquery.fancybox-1.3.4.pack.js"></script>
<script src="http://www.meandhimclients.co.uk/beachhorizon/bh_wordpressdev/wp-content/themes/beach horizon/js/fancyboxcall.js"></script>

Също така е по-разбираемо да използвате относителни пътища (мислех, че свързвате външно):

<script type="text/javascript" src="/beachhorizon/bh_wordpressdev/wp-content/themes/beach horizon/js/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="/beachhorizon/bh_wordpressdev/wp-content/themes/beach horizon/js/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="/beachhorizon/bh_wordpressdev/wp-content/themes/beach horizon/js/fancyboxcall.js"></script>
person Kyle Macey    schedule 10.05.2012

arrow_upward
0
arrow_downward

Редактирахте ли вашата версия на fancybox.js файл? изглежда е повреден. Опитайте да го изтеглите и да го инсталирате отново.

Получавате тази грешка:

Timestamp: 11/05/2012 11:29:38 AM
Error: missing ) after argument list
Source File: http://www.meandhimclients.co.uk/beachhorizon/bh_wordpressdev/wp-content/themes/beach%20horizon/js/jquery.fancybox-1.3.4.pack.js
Line: 45
Source Code:
b.fn.fancybox.defaults={padding:10,margin:40,opacity:false,modal:false,cyclic:false,scrolling:"auto",width:560,height:340,autoScale:true,autoDimensions:true,centerOnScroll:false,ajax:{},swf:{wmode:"transparent"},hideOnOverlayClick:true,hideOnContentClick:false,overlayShow:true,overlayOpacity:0.7,overlayColor:"#777",titleShow:true,titlePosition:"float",titleFormat:null,titleFromAlt:false,transitionIn:"fade",transitionOut:"fade",speedIn:300,speedOut:300,changeSpeed:300,changeFade:"fast",easingIn:"swing",
person JFK    schedule 11.05.2012

arrow_upward
0
arrow_downward

Fancybox не е ли преглед на изображения, а не изскачащ прозорец на iframe? Ако искате iFrame да изскочи, можете да създадете рамково изображение и след това да направите iframe в него, а след това във функцията document.ready да го накарате да се появи с избледняване, нещо подобно:

document.ready(function(){
  $("lightbox").fadeIn();
});
person ToshNeox    schedule 12.05.2012