1

fancyBoxをaspxc＃Webサイトと統合する方法について頭を悩ませようとしています。たとえば、このコードはどこに行きますか？

<!-- Add jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

Site.masterページ？または個々の.aspxファイル？

これはどう：

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

私はこれがhtmlの部分にあると思います：

<a class="fancybox" rel="group" href="big_image_2.jpg"><img src="small_image_2.jpg" alt="" /></a>
4

3 に答える 3

1

マスターページに配置するのは1回だけで、ページにfancyboxクラスがなければ問題ありません。

すべてのスクリプト コードはマスター ページに移動し、html コードはどこにでも配置できます (マスターまたはマスターを使用する他のページ)。

于 2012-04-05T13:49:28.337 に答える
1

ファンシーボックスをダウンロードすると、たくさんのサンプルが付属しています。.html ページを右クリックしてソースを表示すると、それらの使用方法が簡単になります。

ここにあなたのための デモがあります

于 2012-04-05T14:17:43.627 に答える
1

これを<head>マスターページのタグの間に入れます。

<!-- Add jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

これをあなたのページに載せます

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

次に、リンクや画像など、必要な場所に移動します。

于 2012-04-05T13:52:52.837 に答える