imgタグのソースを画面幅に応じて変更する

たとえば、画面幅767px以上でPC用の画像（pc.jpg）を、それ以外でモバイル用画像（sp.jpg）を読み込みたい場合に使えるかなと。

$(function () {
	if ($(window).width() > 767) {
		$("img").attr("src", "pc.jpg");
	} else {
		$("img").attr("src", "sp.jpg");
	}
});

$(function () {

if ($(window).width() > 767) {

$("img").attr("src", "pc.jpg");

} else {

$("img").attr("src", "sp.jpg");

}

});

カテゴリー:JS

関連投稿