2012-03-30 6 views
0

私が仕事をしているこのサイトでは - http://www.basicliving.com - 母の日スペシャル広告をクリックすると、画像と灰色の別々のページが表示されますバックグラウンド。私はfancyboxを使用しており、fancyboxサイトの指示に完全に従っています。私は火かき棒でチェックして、すべてのファイルがそこにあり、接続されています。それは、画像の上にホームページのコンテンツが表示されるように、画像をグレーで透明な背景にオーバーレイするだけです。ここで私はまた、必要なjQueryとfancyboxスクリプトと一緒に、頭の中でCSSをリンクした...fancybox jqueryプラグインが画像にリンクしていますがオーバーレイしません

$(document).ready(function(){ 
     /* This is basic - uses default settings */ 

     $("#init_over").fancybox({ 
      'speedIn'  : 600, 
      'speedOut'  : 200, 
      'overlayShow' : false, 
      'hideOnContentClick': true 
     }); 

    }); 

とhtml ...

<a id="init_over" href="<?php echo DIR_WS_TEMPLATES . TEMPLATE_NAME; ?>/images/mothersDayAd.jpg"> 
      <img src="<?php echo DIR_WS_TEMPLATES . TEMPLATE_NAME; ?>/images/momsDayAd.jpg" alt="Mother's Day Bosch Sale!" /></a> 

をコードです。彼らはすべてそこにいる。サイトのFAQをチェックしたところ、「すべてが正しくインストールされていることを確認してください。私はそれをgoogledし、スタック上の他の質問を読んで、私はそれを尋ねる時間だと思ったので、修正することができませんでした...ありがとう!

+0

私はまた、その前にあるaを使ってセレクタを試したので、どちらもうまくいきません。 $( "#init_over")。fancybox –

+0

$( "#init_over")。fancyboxは関数ではありません。 プラグインが初期化されていないようです。 – madc

+0

はい、私もそのエラーに気付きました...私は私の人生のために、私がプラグインをインストールする手順を踏んで、コードを取り出してインストールされている...このエラーの原因となる可能性のあるアイディアそれは私を夢中にさせている。 –

答えて

1

jQueryを2回追加したようです。

<script type="text/javascript" src="templates/OS03C00309/includes/js/jquery.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
+0

ありがとう、私はそれに気づいていないが、私は今(最高のスクリプトの下の1つは新しいので、それを取った)、それはまだそれを行う必要はありません方法を実行していません。別のメモで...素敵なアバター –

+2

あなたはまだjQueryの2つのバージョンを持っています:v1.7.1とv1.4.4 – JFK

+0

JFKは正しいです。この行を検索する: ''助けを借りて、コードをもう少し見やすくするために、同じエリア(bodyタグの最後、つまり)にあるすべてのjsファイルを収集してください。 – madc