조건에 따라 이미지 변경

Question

두 개의 다른 이미지를 표시하려는 조건이 있습니다. 참여

코드 :

<span class="fa-stack fa-5x has-badge" data-count="<?php echo "". $row['SlackerTotal'] .""?>"> 
 
<div class="badgesize"> 
 
<a href="#"><img src="img/66.png" alt="" class="badge-img"></a> 
 
</div> 
 
</span>

나는 내가 DB에서 에코 것 오전 데이터 카운트 값을 가지고있다.

이제 데이터 수의 값이 0보다 작거나 같으면 하나의 이미지가 이미지 태그에 표시됩니다. 다른 이미지가 표시됩니다.

어떻게 도와 드릴까요?

Answer 1

그냥 사용 IF condition 참고 테스트되지 않은 : 그리고 AJ 스팬에 대한 코멘트를 언급에

<span class="fa-stack fa-5x has-badge" data-count="<?php echo "". $row['SlackerTotal'] .""?>"></span> 
    <div class="badgesize"> 
    <?php 
    if($row['SlackerTotal']<=0) 
    { 
    ?> 
     <a href="#"><img src="img/66.png" alt="" class="badge-img"></a> 
    <?php 

    } 
    else 
    { 

    ?> 
     <a href="#"><img src="img/67.png" alt="" class="badge-img"></a> 

    <?php 
    } 
    ?> 
    </div> 

Answer 2

데이터 수 속성 값을 확인하고 이미지 태그의 src 값에 따라 값을 설정할 수 있습니다. jQuery로

예 :

$(document).ready(function(){ 
    var $parent = $('.fa-stack.fa-5x.has-badge'); 
    var $img = $('img.badge-img'); 
    if($parent.data('count') > 0) { 
    $img.attr('src','image path for more than 0'); 
    } else { 
    $img.attr('src','image path for less than 0'); 
    } 
}) 

참고 : 코드

Answer 3

당신이 가지고 살펴 이 문제를 해결하기 위해 if-else 조건을 사용하십시오.

은 s :

if($row['SlackerTotal'] <= 0) { 
    //your image, what you want to display 
    <div class="badgesize"> 
    <a href="#"> 
    <img src="img/66.png" alt="" class="badge-img"> 
    </a> 
    </div> 
} else { 
    //put your image, what you want to display in else condition 
    <div class="badgesize"> 
    <a href="#"> 
    <img src="image_path" alt="" class="badge-img"> 
    </a> 
    </div> 
}