私は、カラーボックスを使用して表示するサムネイルのコンテナにSlideJsスクリプトを適用しようとすると、発生する奇妙なエラーを解決しようとしています。
SlideJsを使用したスライドショーが2つありますが、問題はないようです。
これが私の現在のコードです:
<div id="services_slideshow">
<div class="container">
<div class="services_slideshow">
<div class="slides_container2">
<div class="slide">
<a href="images1.jpg" class="gallery"><div class="ss_1"></div></a>
<a href="images2.jpg" class="gallery"><div class="ss_2"></div></a>
<a href="images3.jpg" class="gallery"><div class="ss_3"></div></a>
<a href="images4.JPG" class="gallery"><div class="ss_4"></div></a>
<a href="images5.JPG" class="gallery"><div class="ss_5"></div></a>
</div> <a href="#" class="prev2"><div class="prev"></div></a>
<a href="#" class="next2"><div class="next"></div></a>
</div> <!-- .services_slideshow -->
</div> <!-- .container -->
</div> <!-- #servicees_slideshow -->
これを呼び出すために、私は:を使用します
$(function(){
$('.water_slideshow').slides({
preload: true,
preloadImage: 'images/loading.gif'
});
$('.services_slideshow').slides({
preload: true,
preloadImage: 'images/loading.gif',
next: 'next2',
prev: 'prev2',
container: 'slides_container2'
});
});
上記のこの関数は、2つのスライドショーを呼び出します。2番目の呼び出しを削除すると、すべてのサムネイルが正常に表示されますが、スライドショーには表示されません。適用すると、すべてが消えてしまいます。(ただし、矢印はあり、ページネーションもあります)
最初のスライドショーは、next、prev、slides_container ...などのデフォルト値(および私のコンポーネント)を使用します。
今、私はこれを解決するために、誰かが私と同じ問題をすでに抱えているのだろうかと思っていました!
助けてくれてありがとう!
カラーボックスの詳細については、次のように呼んでいます。
jQuery(document).ready(function () {
jQuery('a.gallery').colorbox({
opacity:0.5 ,
scalePhotos:'true',
maxWidth:'900px',
maxHeight:'500px',
rel:'group1'
});});
繰り返しになりますが、スライドショーを呼び出さなくてもすべてが機能し、呼び出されても何も表示されません。