jquery - FancyBoxは独自のページで画像を開きます

Question

私はこの質問に投稿された他のいくつかの答えを試しましたが、それでも理解できません。

これが問題のあるサイトです。

私は、HTMLと私が自分で解読したものを除いて、実際のプログラミング経験がないことを認めます。

ありがとう！

Answer 1

これは、実際にfancyboxが適切に含まれていないためです。

あなたのサイトにアクセスすると、次の404エラーが発生します。

'http://ryansamul.com/dark/fancy/source/helpers/jquery.fancybox-buttons.css?v=1.0.3'
'http://ryansamul.com/dark/fancy/source/helpers/jquery.fancybox-thumbs.css?v=1.0.6'
'http://ryansamul.com/dark/fresco/css/fresco/fresco.css'
'http://ryansamul.com/dark/fancy/source/jquery.fancybox.css?v=2.1.0'
'http://ryansamul.com/dark/js/swfsubject/swfsubject.js'
'http://ryansamul.com/dark/fresco/js/fresco/fresco.js'

これらのファイルをサーバーにアップロードするのを忘れたのではないでしょうか。または、パスが間違っています。

Answer 2

新しいタブで開く写真には、 のclass="portfolio-item-preview"代わりに がありclass="fancybox-thumb"ます。これを変更すると、fancybox がすべての要素で適切に初期化されます。

Answer 3

custom.jsファイルでは、関数を初期化するために使用しています。jQuery.noConflict()

jQuery.noConflict()(function($){
 //.... 
});

...これまでのところは良いですが、メインページ内ではファンシーボックスの初期化が使用されていませんjQuery.noConflict()

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

...だから、このように変更するとうまくいくはずです：

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