[img src] to [background image] 변경 질문드립니다 채택완료
</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>이런식으로 작업하면 되지 않을까요?
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
채택
답변대기
답변대기
답변대기
답변대기
채택
채택
답변대기
답변대기
답변대기
채택