Php 根据条件更改图像
我有一个条件,根据它我想显示两个不同的图像 涉及的代码:Php 根据条件更改图像,php,html,Php,Html,我有一个条件,根据它我想显示两个不同的图像 涉及的代码: 您可以检查数据计数属性值,并根据它设置图像标记的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
您可以检查数据计数属性值,并根据它设置图像标记的src值 jQuery的示例:
的情况下使用即可。注:并查看a.J中提到的有关span的注释$(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'); } })
注意:代码未测试您可以检查数据计数属性值,并根据它设置图像标记的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'); } })
注:代码未经测试只要在条件<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>
只要使用
注意:并查看a.J提到的关于span的评论IF条件
<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>
必须使用if-else条件来解决此问题 可以用作:
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> }
if($row['SlackerTotal']必须使用if-else条件来解决此问题 可以用作:
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> }
if($row['SlackerTotal']alert:a div in span.alert:a div in span.Nice,我在回答中使用了jQuery,但这样看起来很容易维护,他从服务器端获得$row['SlackerTotal']值,所以我们只需在服务器端对其进行操作。非常简单。很好,我在回答中使用了jQuery,但这样看起来很容易维护,他得到了$row服务器端的['SlackerTotal']值,因此我们只需在服务器端对其进行操作。非常简单。