스크립트로 이미지를 변경 하려고 하는데요.... 채택완료

5년 전 조회 5,158

index 페이지 에서 latest skin 을 불러 올때

 

ca_name 이 test1, test2, test3 각각 다를때 

 

<li class="test_li"></li> 의 background-image 를 바꾸려고 합니다.

 

요럴때 어떻게 해야 하나요??ㅠㅠㅠ

 

 

 

Copy
<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개

채택된 답변
+20 포인트

<li class="test_li" style="background:url(이미지경로/<?php $list[$i]['ca_name']; ?>/jpg)">

 

이미지경로에 카테고리명.jpg 형식 파일 준비

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

답변에 대한 댓글 3개

답변 감사합니다.
죄송한데 이미지 파일명이 한글이면 출력이 안되나요??
그건 잘...^^;;;

만약, 그렇다면 위에 재정의 코드 넣으시면 될 듯...

<?php
if(($list[$i]['ca_name'] =="사과") $list[$i]['ca_name'] = "apple";
else if(($ca_name =="바나나") $list[$i]['ca_name'] = "banana"
....;
답변 감사합니다.
재정의 저게 안되서 ㅠㅠ 정말 감사합니다.

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

$(".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'));

 

이렇게 하는게 더 좋지 않을까요?

 

 

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

답변에 대한 댓글 1개

답변 감사합니다.
if("<?php $list[$i]['ca_name']; ?>" == "틴팅"){

이부분이 latest 에 안먹히네요 ㅠㅠ

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

if(<?php $list[$i]['ca_name']; ?> == "틴팅"){

=>

if("<?php $list[$i]['ca_name']; ?>" == "틴팅"){

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

답변에 대한 댓글 1개

답변 감사합니다.
css 자체가 안먹히네요 ㅎㄷㄷ..ㅠㅠ

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

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

로그인
🐛 버그신고