1

ここで再びScorliss。クライアントが最近、ウェブサイトに複数の画像スライドショーを追加するように依頼したので、リンクから呼び出すことができる無料のスライドショー/画像ギャラリーをオンラインで探していました...スライドショー内のすべての画像をリンクとして使用する必要はありませんページ上。私はlightboxである程度の成功を収め、fancyboxを見つけました。私はサイトで作業しているsildshowを持っています。私の問題は、ユーザーがリンクをクリックしたときにスライドショーを自動開始しようとしていることです。以下は、fancyboxjavaスクリプトのコードです。

    <script type="text/javascript">
    $(document).ready(function() {

        $("#fancybox-manual-c").click(function() {
            $.fancybox.open
            ([{ autoPlay:true,
                href : '../images/BDAY 2.jpg',
                title : 'My title'
                }, 
            {
                href : '../images/horse_pic_3.jpg',
                title : '2nd title'
                }, 
            {
                href : '../images/lori.jpg'
                }],
             {'callbackOnShow':myFunc,
                helpers : {
                    thumbs : {
                        width: 75,
                        height: 50
                    },
                    buttons : {}

                }
            });
        });


    });
</script>
<style type="text/css">
    .fancybox-custom .fancybox-skin {
        box-shadow: 0 0 50px #222;
    }
</style>
<script type="text/javascript">
function myFunc() {
alert("Opened!");
}

</script>

HTMLの本文に私は

<a id="fancybox-manual-c" href="javascript:;">Open gallery</a>

誰かがコールバックを使用する必要があるかどうかを教えてもらえますか...もしそうなら、どこで、または「autoPlay：true」を使用する必要があるかどうかを教えてください。ありがとうSCorliss

4

2 に答える 2

2

自動的に再生するだけの場合は、組み込みのオプションを使用するだけです。

ただし、この場合、autoplay:true設定をfancyboxパラメーターのオプション部分に移動することをお勧めします。

Fancyboxパラメータ（http://fancyapps.com/fancybox/#docsから）：

$.fancybox.open( [group], [options] )

autoplay:true設定をオプションオブジェクトパラメータに移動します。

$.fancybox.open(
    [
        { href : '../images/BDAY 2.jpg', title : 'My title' }, 
        { href : '../images/horse_pic_3.jpg', title : '2nd title' }, 
        { href : '../images/lori.jpg' }
    ],
    {
        autoplay: true,
        helpers : {
            thumbs : { width: 75, height: 50    },
            buttons : {}
        }
    }
);
于 2012-04-25T02:59:26.353 に答える
0

タイトルに「CallBacksとFancyBox2の引数」と書かれているように、[コールバック]タブにあるfancybox2プラグインのコールバックオプションの完全なリストを表示できます。

http://fancyapps.com/fancybox/#docs

于 2013-07-26T13:43:39.517 に答える