bxslider カルーセルの表示に問題があります。
JS の前の HTML (WP パス変数を使用):
<ul class="bxslider">
<li><img src="<?php echo get_template_directory_uri(); ?>/img/slides/slide1_193x142.jpg" title="1" /></li>
<li><img src="<?php echo get_template_directory_uri(); ?>/img/slides/slide1_193x142.jpg" title="2" /></li>
<li><img src="<?php echo get_template_directory_uri(); ?>/img/slides/slide1_193x142.jpg" title="3" /></li>
<li><img src="<?php echo get_template_directory_uri(); ?>/img/slides/slide1_193x142.jpg" title="4" /></li>
<li><img src="<?php echo get_template_directory_uri(); ?>/img/slides/slide1_193x142.jpg" title="5" /></li>
<li><img src="<?php echo get_template_directory_uri(); ?>/img/slides/slide1_193x142.jpg" title="6" /></li>
<li><img src="<?php echo get_template_directory_uri(); ?>/img/slides/slide1_193x142.jpg" title="7" /></li>
<li><img src="<?php echo get_template_directory_uri(); ?>/img/slides/slide1_193x142.jpg" title="8" /></li>
</ul>
JS コード:
$('.bxslider').bxSlider({
minSlides: 4,
maxSlides: 4,
slideWidth: 233,
slideMargin: 0,
controls: false,
pager: false,
auto: true,
autoStart: true,
moveSlides: 1,
captions: true,
infiniteLoop: true,
onSliderLoad: function(){$('.bxslider').css('display', 'block');}
});
ロード後、スライドは№1ではなく№5から始まり、無限ループで自動開始した後、#1スライドをスキップして直接№2に移動します
デモはこちら: http://olegzharov.com/
試した: - goToNextSlide - goToSlide
でも行けませんでした、どうもありがとうございました。