ページの読み込み時にfancyboxライトボックスを表示する方法

Question

こんにちは私は、ページの読み込み時にfancyboxライトボックスを開いて助けが必要です。

はここにある私のexample pageライトボックスの中には、そのようなIFRAMEなどのHTMLページとページのロードにオープンライトボックスを持っている私は何をacheiveしようとしています

。

私のjsの呼び出しです：jsのはOKですが、私のhtmlページは、ウィンドウ内でロードされないよう

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' 
     } 
    ); 
}); 

ライトボックスは、負荷を行います。どんな助けもありがとうございます。

Thxを ロブ

Answer 1

それはあなたの問題の原因だ場合、私は知らないが、あなたは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> 

Answer 2

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", 

Answer 3

は、画像ビューアとないのiframeポップアップをFancyboxていませんか？あなたがポップアップするiFrameを望んでいた場合は、境界画像を作成し、それにはiframeを行い、その後、document.ready機能で、それはフェードで表示させることができ、このような何か：

document.ready(function(){ 
    $("lightbox").fadeIn(); 
});