スマホ　PC スライダー　画像　変更 スライダーC

CSSのみで変更可能

スマホサイズは

背景画像変更

@media screen and (max-width: 736px) {
.sl1{
	background-image: url(/wp-content/themes/D/d/img/slider/slide1s.jpg);
	}
	
	.sl2{
	background-image: url(/wp-content/themes/D/d/img/slider/slide2s.jpg);
	}
}

@media screen and (max-width: 736px) {
/*	スマホ別画像 */
#main_contents_top_fade:before,
.viewer ul:before {	
	    padding-top: 61%; /* 1200で400の高さ */
}

}

ちなみにこの場合は
スマホ
542 ×　333