根据条件更改图片

我有一个条件，我希望显示两个不同的图像。参与根据条件更改图片

代码：

<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，那么一个图像将显示在图像标签中。否则将显示不同的图像。

请帮忙，我该怎么办？

来源

2017-02-14 JAne

警报：范围内的一个div。 –

只需使用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>

来源

2017-02-14 05:05:37 JYoThI

不错，我在回答中使用了jQuery，但是这样看起来很容易和可维护 –

他从服务器端获得$ row ['SlackerTotal']值，所以我们只是在服务器端操纵它。很简单。 – JYoThI

与你同意。欢呼:) –

您可以检查数据计数属性值，并根据它设置图片标签的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'); 
    } 
})

注：代码没有进行测试

来源

2017-02-14 04:44:31

你必须使用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> 
}

来源

2017-02-14 05:30:19

根据条件更改图片

回答

相关问题