파운데이션 6 교환 데이터 - src

Question

크기 변경시 해당 교환 기초 6을 만들 수 있습니다. 데이터 - 대신 src 이미지의 경로를 바꾸시겠습니까?

그리고 DIV의 배경 이미지에 동일한 동작 = "배경 이미지데이터 SRC 대신 스타일 경로를 대체합니다.

을 나는 단지 뷰포트에 이미지를 표시하기 위해 노력하고있어, 일부 수동 게으른 부하 사용하여 교류의 종류

페이지가 로딩 될 때 나는 SRC를 삭제 해요 :.

/*Stop Interchange Background Images loading images*/ 

    $(".delay").each(function(){ 
     var img_src = $(this).attr('src'); 
     $(this).attr("data-src", img_src); 
     $(this).attr('src', ''); 
    }); 

/*Stop Interchange Background Images loading for DIVs and Slides*/ 

    $(".backImg").each(function(){ 
     var img_backImg = $(this).css('background-image'); 
     $(this).attr("data-src", img_backImg); 
     $(this).css('background-image',''); 
    }); 

는 그 다음 SRC 또는 배경 이미지가 메신저 일단 추가 나이를 눌러 뷰포트를 터치합니다. 이 잘 작동하지만 내 문제는 이제 이미지 크기를 자동으로 나타나고있다.

때문에 교환이 URL을 변경 데이터 SRC를 사용하는 경우, 나는 URL을 취할 수 내가 필요로하는 곳에 붙여 넣습니다.

나를 도울 수있는 누군가에게 의미가 있기를 바랍니다.

대단히 감사합니다! 내 자신의 질문에

Answer 1

답변 :

나는 그것을 할 수있는 비 아름다운 방법을 발견하지만 완벽하게 잘 작동 :

라인 6253 :

this.$element.attr('src', path).load(function() { 

가 foundation.js 파일을 편집

바꾸기 :

this.$element.attr('data-original', path).load(function() { 

라인 6259 16,(배경 이미지) :

this.$element.css({ 'background-image': 'url(' + path + ')' }).trigger(trigger); 

Rempace :

this.$element.attr('data-original', path).load(function() { 
      _this.currentPath = path; 
      }).trigger(trigger);