質問

最近こちらにあるファンシーボックスに出会いましたが、手順のすべての手順を完璧に実行しましたが、動作しません、何が問題なのか誰にもわかりますか?

これは私のページソースのサンプルです:

必要に応じてスクリプトへのリンクとCSSを含めました:

<script src="jquery.fancybox-1.2.1/jquery.fancybox/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="jquery.fancybox-1.2.1/jquery.fancybox/jquery.fancybox-1.2.1.js" type="text/javascript"></script>
    <link href="jquery.fancybox-1.2.1/jquery.fancybox/jquery.fancybox.css" rel="stylesheet"
        type="text/css" />
    <link href="css/main.css" rel="stylesheet" type="text/css" />

その後、これは単に動作するはずです:

<a id="single_image" href="images/279641.jpg"><img src="images/279641.jpg" /></a>

しかし、新しいウィンドウで画像を開く以外は何もしないようです。

ご提案、および事前に感謝します。

役に立ちましたか?

解決

マニュアルのステップ4(現在のステップ5)、「jQueryセレクターを使用したFireプラグイン」の実装を忘れた

他のヒント

これを含めるようにしてください:

$(document).ready(function() {
 $("a#single_image").fancybox({
 'titleShow' : false
 });
});

htmlページに実装した別のjavascript / jqueryプラグインを確認してください。一部のjqueryプラグインはfancyboxと競合します。わたしにはできる。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top