이미지 체인지 관련

이미지 체인지 jQuery

이미지 체인지 관련 jQuery 

왜 만들었는지 모르겠는데... 무슨생각으로 만들었지..

그냥 회사에서 뭔가 하고 있다가 만들었는데 ....

그래도 코드만 덩그러니 있으면 뭔가 보기 싫으니..

살짝 수정을 다시 해본다..

/* HTML */

<div class="swiper-slide" data-hash="slide1">

  <img src="resource/images/main_m_visual01.png" alt="">

</div>

// 이미지 체인지

function main_change(){

var change_img = $ (".main_visual .swiper-wrapper .swiper-slide img");

// var ui_width = window.innerWidth; // 브라우저 width 값

var allWidth = window.innerWidth;

if ( allWidth < 1000 ) {

change_img.attr('src', 'resource/images/main_m_visual01.png')

}else if (allWidth > 1000) {

change_img.attr('src', 'resource/images/main_visual01.png')

}

$(window).resize(function(){

var ui_width = window.innerWidth;

if ( ui_width < 1000 ) {

change_img.attr('src', 'resource/images/main_m_visual01.png')

}else if (ui_width > 1000) {

change_img.attr('src', 'resource/images/main_visual01.png')

}

})

}

HTML 내에 img 가 있을때 사이즈에 따른 이미지 변경