根据php条件更改图标

时间:2017-12-18 17:06:29

标签: php html wordpress

我为每个元素类别指定一个颜色值。我检索具有该类别的颜色,并按以下方式在<span>中将其用作背景颜色:

<span class="cat-icon" style="background-color: <?php echo esc_attr( $first_ctg->get_color() ) ?>;">

我需要做的是,根据该颜色的值,我必须在<span>内显示一个或另一个图像源。

if ($first_ctg->get_color() == red) 
  show img_01
elseif ($first_ctg->get_color() == blue)
  show img_02
endif;

如何在PHP中正确执行此操作?

4 个答案:

答案 0 :(得分:0)

有更多方法可以做到这一点,我假设你只有两张图片(否则你可以使用elseifs)。解决方案:

whats my ip

我首先在条件中找到图像源,然后将其值赋给变量$ img。然后我在php标签内回显src的源代码。

答案 1 :(得分:0)

您可以通过检查$ first_ctg-&gt; get_color()的值并使用PHP来执行此操作,并根据该值回显整个<span>元素,即

switch ( $first_ctg->get_color() ) {
    case 'red':  // or whatever value you would expect to receive from your get_color() function
        echo '<span class="cat-icon" style="background-color:#ACOLOR"><img src="PATH/TO/WHATEVER/IMAGE"><span>';
        break;
    case 'another color':
        echo '<span class="cat-icon" style="background-color:#ANOTHERCOLOR"><img src="PATH/TO/ANOTHER/IMAGE"><span>'; 
        break;
    ...
    default:
        echo '<span class="cat-icon" style="background-color:#ANOTHERCOLOR"><img src="PATH/TO/ANOTHER/IMAGE"><span>';
        break;
}

值得一提的是,这可以说是使用Javascript(或JQuery)根据其他元素或属性操作DOM的情况,但是因为你的问题特别询问如何在PHP中执行此操作,这就是我给出的答案。

答案 2 :(得分:0)

非常简单你需要设置一些条件,比如

if ($first_ctg->get_color() == red)
 {
    $src = "https://www.example.com/img/background.png";
 }
elseif ($first_ctg->get_color() == blue)
 {
    $src = "https://www.example.com/img/background-2.png";
 }

进入img标签你需要把这个变量(即:$ src)

<img src="<?php echo $src;?>" title="">

答案 3 :(得分:0)

由于某个类别已经知道其颜色。为什么不让图标也成为类别类的属性?然后在你的vieuw中你可以简单地写一些像

<img src="<?php echo $first_ctg->get_icon()">