4

ライトボックス jquery プラグインを使用してページに画像ギャラリーを追加したいとしましょう。

質問：

ライトボックス スクリプトを追加するにはどうすればよいですか? もちろん、それを自分のテーマの layout.cshtml ファイルに追加することもできますが、それを使用しない場合でも、すべてのページでライトボックス スクリプトが必要になります。

次に、次のスクリプトをページに追加する必要があります。

<script type="text/javascript">

        $(function () {

            $('#photoGallery a').lightBox({ fixedNavigation: true });

        });

</script>

繰り返しますが、これを layout.cshtml ファイルに追加することもできますが、ページに追加するだけの方がよいでしょう。そのページのレイヤーを作成し、フッター ゾーンに html ウィジェットを追加することもできますが、もっと良い方法があるのではないでしょうか?

4

2 に答える 2

3

モジュール ギャラリーで利用できる多くの画像ギャラリー モジュールの 1 つを使用して、それで完了することができます。しかし、手動でやりたい場合は、手動で行う必要があるのではないかと思います;) しかし、特別なレイヤーとウィジェットを使用することでさえ、複雑に思えます.そのスクリプトを (エディターから) ページ マークアップ内に配置するだけですか?

于 2012-06-25T23:12:17.597 に答える
1

要素または要素のセットの存在に基づいてスクリプトをロードするだけでよい場合は、次のようにします。

function LazyLoadScripts() {
    if ($('#photogallery').length > 0) {
        $('<script src="path-to-script" type="text/javascript"></script>').appendTo('body');
        window.setTimeout("$('#photoGallery a').lightBox({ fixedNavigation: true });", 1);
    }
    /* load any other scripts here in the same way */
}
$(document).ready(function() { LazyLoadScripts(); });

これをレイアウトに挿入するか、コードに傾倒している場合は、BodyPart 用の新しいドライバーを作成し、このスクリプトを新しい形状で挿入することができます。また、その形状を頭または尾のゾーンに配置する必要があります.

于 2012-06-26T16:34:23.183 に答える