SIR
목록으로

[img src] to [background image] 변경 질문드립니다 채택완료

mmyfree
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전 조회 2,348
답변 1
목록

Copy 
<div class="imgto">
            <ul>
                <li>
                    <div class="image"><img src="이미지.jpg" alt="이미지내용"></div>
                </li>             
            </ul>
        </div>

 

img src 의 내용을 .image 의 background-image 로 변환하려 합니다.

 

 

 

Copy 
$(function() {
        $(".image img").each(function(i, elem) {
          var imgLoad = $(elem);
          var divLoad = $(".image").css({
            background: "url(" + imgLoad.attr("src") + ") no-repeat",
            width: imgLoad.width() + "px",
            height: imgLoad.height() + "px"
          });
              
          divLoad.html(img.attr("alt"));
          divLoad.addClass("replacedImage");
            
          imgLoad.replaceWith(divLoad);
        });
});

 

 

어디서 잘못된건지 실행되지 않아 질문드립니다. 

#javascript

답변 1개

채택된 답변
+20 포인트

Copy 
$(function(){

        $(".image img").each(function(){

            var $src = $(this).attr("src");

            var $alt = $(this).attr("alt");

            var $target = $(this).parent("div");

            $target.css("background","url("+$src+") no-repeat center");

            $target.text($alt);

            $target.addClass("replacedImage");

        });

    });

이런식으로 작업하면 되지 않을까요?

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고