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

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

QA

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

본문

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 형식 파일 준비

그건 잘...^^;;;

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

<?php
if(($list[$i]['ca_name'] =="사과") $list[$i]['ca_name'] = "apple";
else if(($ca_name =="바나나") $list[$i]['ca_name'] = "banana"
....;

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'));

 

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

 

 

답변을 작성하시기 전에 로그인 해주세요.
전체 1,020
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT