[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>
이런식으로 작업하면 되지 않을까요?
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인