Bild entsprechend einer Bedingung ändern

Question

Ich habe eine Bedingung, nach der ich zwei verschiedene Bilder anzeigen möchte.

-Code Beteiligte:

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

Ich habe einen Daten-count Wert, den ich von der DB-Echo werde.

Nun, was ich hier zu tun versuche ist, dass, wenn der Wert der Daten zählen kleiner oder gleich 0 ist, dann wird ein Bild im Bild-Tag angezeigt werden.Else ein anderes Bild wird angezeigt.

Bitte helfen, wie kann ich das tun?

Answer 1

Gerade Verwenden IF condition Hinweis getestet: Und werfen Sie einen Blick in AJ Kommentar erwähnt über Spannweite

<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

Sie können nach Attributwerten für die Datenzählung suchen und abhängig davon den src-Wert des Image-Tags festlegen.

Beispiel mit 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'); 
    } 
}) 

Hinweis: Code nicht

Answer 3

Sie müssen Verwenden Sie die if-else-Bedingung, um dieses Problem zu beheben

kann eine verwenden 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> 
}