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, // 背景画像を切り替える間隔を指定

 });


});

この記事が気に入ったらサポートをしてみませんか?