너비가 작 으면 jQuery가 변경됩니다. src attr을 변경하고 이전에 사용했습니다.

Question

(내 영어가 잘못되어 죄송합니다.) width이 의 src 속성보다 작 으면 좋겠다. .logo-wrap 컨테이너의 이미지는 #이되었습니다. 너비가 더 크면 src attr이 "원본"으로 반환됩니다. 코드의 첫 번째 부분은 작동하지만 창을 축소 한 다음 src 특성이 더 커지면 # ...

제안 사항? 당신은 그냥 속성을 변경하지 않는 것 같습니다 사전

var $window = $(window); 

function checkWidth() { 
    var windowsize = $window.width(); 
    if (windowsize < 601) { 
     $(".logo-wrap img").attr("src","#"); 
    } 
    else {} 
} 
// Execute on load 
checkWidth(); 
// Bind event listener 
$(window).resize(checkWidth); 

Answer 1

var $window = $(window); 

// creates an attribute called data-content for each image and stores it's src 
$(".logo-wrap img").each(function() { 
    $(this).data('data-content', $(this).attr('src')); 
}); 

function checkWidth() { 
    var windowsize = $window.width(); 
    if (windowsize < 601) { 
     $(".logo-wrap img").attr("src","#"); 
    } 
    else { 
     // changes each image's src to the link stored in data-content attribute 
     $(".logo-wrap img").each(function() { 
     $(this).attr("src", $(this).data('data-content')); 
     }); 
    } 
} 
// Execute on load 
checkWidth(); 
// Bind event listener 
$(window).resize(checkWidth); 

편집 : JSFiddle을 추가했습니다.

Answer 2

에 감사,

function checkWidth() { 
    var windowsize = $window.width(); 
    if (windowsize < 601) { 
     $(".logo-wrap img, .lab-ah img").attr("src","#"); 
    } 
    else if (windowsize >= 601) { 
     $(".logo-wrap img, .lab-ah img").attr("src","original"); 
    } 
} 

나는 내가 제대로 질문을 이해 바랍니다