4

指示に従いましたが、Fancybox が正しく動作しません。私が間違っていることを教えてくれるには、余分な目が必要だと思います。

何か案は？

HTML

コード：

<h1><a id="v" class= "letter fancybox" data-fancybox-group="group" href="http://placekitten.com/500/500">V</a></h1>

参考文献:

CSS (ページの上部):

<link rel="stylesheet" href="home/css/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />

JS (ページの下部、他の js を含む):

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>

<!-- FancyBox -->
<script type="text/javascript" src="home/js/jquery.fancybox.pack.js?v=2.1.5"></script>

JS

main.js (ドキュメントの内部準備完了):

$(".fancybox").fancybox({
    openEffect  : 'fade',
    closeEffect : 'fade'
});

プロジェクト全体を 1 つのフォルダーに入れていないことにも言及する必要があると思います。.css および .js ファイルを別の CSS および JS ディレクトリに配置し、2 つの参照ファイルのみを含めました。それが何か関係があるのか​​ 、ソースフォルダをコピーしてそこにすべてを保存するだけでよいのか疑問に思っています.

4

2 に答える 2

24

typeFancybox の設定にフィールドを追加する必要があります。Fancybox はコンテンツの種類を検出しようとしますが、href画像を生成する php スクリプトなどを実行すると、Fancybox がコンテンツの種類を認識できない場合があります。

変化する：

$(".fancybox").fancybox({
   openEffect  : 'fade',
   closeEffect : 'fade'
});

に：

$(".fancybox").fancybox({
   openEffect  : "fade",
   closeEffect : "fade",
   type : "image"
});
于 2014-02-06T09:43:50.713 に答える
5

私は自分の間違いを見つけました：

私の問題は、コードでWebサイトを参照していたことです（画像を作成しても）：

<h1><a id="v" class= "letter fancybox" data-fancybox-group="group" href="http://placekitten.com/500/500">V</a></h1>

それは次のようなものでなければなりません

href="image.png"
于 2013-09-23T00:15:02.560 に答える