테스트 사이트 - 개발 중인 베타 버전입니다

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

myfree 4년 전 조회 2,305

</p>

<p>        <div class="imgto">

            <ul>

                <li>

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

                </li>             

            </ul>

        </div></p>

<p>

 

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

 

 

 

</p>

<p>$(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);

        });

});</p>

<p>

 

 

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

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

답변 1개

채택된 답변
+20 포인트
4년 전

</p>

<p>    $(function(){</p>

<p>        $(".image img").each(function(){</p>

<p>            var $src = $(this).attr("src");</p>

<p>            var $alt = $(this).attr("alt");</p>

<p>            var $target = $(this).parent("div");</p>

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

<p>            $target.text($alt);</p>

<p>            $target.addClass("replacedImage");</p>

<p>        });</p>

<p>    });</p>

<p>

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

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

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

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

로그인