0

e コマース Web サイトを作成しているクライアントがいて、FancyBox を使用してデザインを改善しようとしています。私はこれでほぼ 3 日が経ちましたが、私の人生でそれを機能させることはできません。チュートリアルを読んだり見たり、コードをコピーして貼り付けたり、実行するために考えられることはすべて実行しました。これは、1 つの画像が正しく表示されたり、何かが正しくリンクされていなかったりすることについて、ここで何度も見た問題ではありません。何も起こっていません。最初のサーバーが予期せず権限をリセットしたときに、ステージングサーバーを切り替えました。また、リンクが二重引用符で囲まれていると、サーバーがリンクを読み取れないように後退したため、単一引用符に切り替えた後、それらが接続されていることがわかりました。すべての画像、CSS、Javascript、jQuery、およびプラグインが正しくリンクされるようになりました。問題は、FancyBox がまったく呼び出されているかどうか、および/または Javascript が正しく処理されているかどうかです。Firebug はエラーを表示しません。別の doctype を試しましたが、違いはありません。私は何が欠けていますか？助けてください。これが現在の HTML ページのコードです。私はそれを機能させようとしているだけなので、サンプルの写真とビデオがあります。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ayana Brown Wigs - Home</title>

    <link rel="stylesheet" href="css/style.css" type="text/css" />
    <!--[if lte IE 7]>
        <link rel="stylesheet" type="text/css" href="css/ie.css" />
    <![endif]-->

<script type=”text/javascript” src='http://code.jquery.com/jquery-latest.min.js'></script>
<script type="text/javascript" src='js/crossbrowsermenu.js'></script>
<link rel=”stylesheet” href='js/fancybox/source/jquery.fancybox.css' type=”text/css” media=”screen” />
<script type=”text/javascript” src='js/fancybox/source/jquery.fancybox.pack.js'></script>
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css' />

</head>

<body>
<div id="pageWrapper">
    <div id="header">
    <h1>
        <a class="header-logo" href='http://www.daniel-schuster/ayana/index.html'>Ayana Brown Wigs, Bloomington, Indiana</a>
    </h1>
    </div>

<!-- IMAGE AND VIDEO TEST ----------------->

<div class="content">
    <div class="samples">
    <ul>
        <li><a class="fancybox" rel="samples" title="Caption Test" href="images/sample.jpg"><img src="images/samplesmall.jpg" alt="" /></a></li>

        <li><a class="fancybox" rel="samples" title="Caption Test 2" href="images/sample2.jpg"><img src="images/sample2small.jpg" alt="" /></a></li>

        <li><a class="fancybox" rel="samples" title="Caption Test 3" href="images/sample3.jpg"><img src="images/sample3small.jpg" alt="" /></a></li>
    </ul>
</div><br />

<div id="video">
    <a class="fancybox fancybox.iframe" title='Drop City Yacht Club - "Crickets"' href='http://www.youtube.com/embed/F95RD4wGpdc'><img src='images/drop-city-yacht-club.jpg' alt="drop city" /></a>
</div>

</div> <!-- End of Content -->

</div> <!-- End of contentWrapper -->

</div> <!-- End of pageWrapper -->

<script type=”text/javascript”&gt;
    $(document).ready(function() {
        $(“.fancybox”).fancybox({
            width : ’70%’,
            height : ’70%’
        });
    $(“a[href$='.jpg'],a[href$='.png'],a[href$='.gif']“).fancybox();
    });
</script>

</body>
</html>
4

2 に答える 2