bg_sliderでレスポンシブで画像切り替え
<div id="sp" class="bg-slider sp"></div><!--bg-slider-sp-->
<div id="pc" class="bg-slider pc"></div><!--bg-slider-->
jQuery(function ($) {
$('.bg-slider.sp').bgSwitcher({
images: ['./asset/image/top/sp/fv.jpg', './asset/image/top/sp/fv2.jpg', './asset/image/top/sp/fv3.jpg','./asset/image/top/sp/fv4.jpg'], // 切り替える背景画像を指定
interval: 8000, // 背景画像を切り替える間隔を指定
});
$('.bg-slider.pc').bgSwitcher({
images: ['./asset/image/top/fv@2x.png', './asset/image/top/fv2.png', './asset/image/top/fv3.png','./asset/image/top/fv4.png'], // 切り替える背景画像を指定
interval: 8000, // 背景画像を切り替える間隔を指定
});
});
この記事が気に入ったらサポートをしてみませんか?