스크립트로 이미지를 변경 하려고 하는데요....
본문
index 페이지 에서 latest skin 을 불러 올때
ca_name 이 test1, test2, test3 각각 다를때
<li class="test_li"></li> 의 background-image 를 바꾸려고 합니다.
요럴때 어떻게 해야 하나요??ㅠㅠㅠ
<script>
$(document).ready(function() {
var back_img1 = <?php echo G5_THEME_URL ?>+'/img/ml_back/mlsb_01.png';
var back_img2 = <?php echo G5_THEME_URL ?>+'/img/ml_back/mlsb_02.png';
var back_img3 = <?php echo G5_THEME_URL ?>+'/img/ml_back/mlsb_03.png';
if(<?php $list[$i]['ca_name']; ?> == "test1"){
$(".test_li").css('background-image', 'url('+back_img1+')');
}else if(<?php $list[$i]['ca_name']; ?> == 'test2'){
$(".test_li").css('background-image', 'url('+back_img2+')');
}else if(<?php $list[$i]['ca_name']; ?> == "test3"){
$(".test_li").css('background-image', 'url('+back_img3+')');
}
});
</script>
!-->
답변 3
<li class="test_li" style="background:url(이미지경로/<?php $list[$i]['ca_name']; ?>/jpg)">
이미지경로에 카테고리명.jpg 형식 파일 준비
if(<?php $list[$i]['ca_name']; ?> == "틴팅"){
=>
if("<?php $list[$i]['ca_name']; ?>" == "틴팅"){
$(
".test_li"
).css(
'background-image'
,
'url('
+back_img1+
')'
);
===> $(
".test_li"
).css(
'background-image'
,
url('<?php
echo
G5_THEME_URL ?>
/img/ml_back/mlsb_01.png'
)
);
이렇게 하는게 더 좋지 않을까요?
답변을 작성하시기 전에 로그인 해주세요.