2

こんにちは、ページの読み込み時にファンシーボックスのライトボックスを開くのに助けが必要です。

これが私のサンプルページです

私が達成しようとしているのは、ライトボックス内に iframe などの html ページがあるページの読み込み時にライトボックスを開くことです。

私の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 ページがウィンドウ内に読み込まれません。どんな助けでも大歓迎です。

Thx ロブ

4

3 に答える 3

0

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",
于 2012-05-11T18:44:21.307 に答える
0

Fancybox は画像ビューアであり、iframe ポップアップではありませんか? iFrame をポップアップさせたい場合は、境界線の画像を作成し、その中に iframe を作成してから、document.ready関数で、次のようにフェードで表示させることができます。

document.ready(function(){
  $("lightbox").fadeIn();
});
于 2012-05-12T10:53:46.563 に答える
0

それがあなたの問題の原因であるかどうかはわかりませんが、fancybox が 2 回呼び出されています: 1 回は縮小され、もう 1 回は完全なソースです

<!-- 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>
于 2012-05-10T15:39:34.510 に答える