PHPの条件に応じてアイコンを変更してください

Question

私は要素の各カテゴリに色の値を割り当てます。私は、そのカテゴリを持っており、私は次のように<span>に背景色として使用する色を取得：

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

私が行うために必要なもの、その色の値に応じて、私は1つを示さなければならないということです画像ソースまたは<span>内の別の画像ソース

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

私はこれをPHPで正しく行うことができますか？

Answer 1

これを行うにはさらに多くの方法がありますが、私はあなたには2つの写真があると仮定します（そうでなければelseifを使うことができます）。解決策：

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

if ($first_ctg->get_color() == "red") { 
    $src = "img_01"; 
} 
?> 

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

私は条件で画像ソースを見つけてから、その値を変数$ imgに割り当てています。それから、私はphpタグ内のsrcにソースをエコーし​​ています。

Answer 2

あなたは$ first_ctg-の値をチェックすることにより、PHPでこれを行うことができます> get_color（）し、その値に基づいて全体<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; 
} 

それは、これは間違いなくそうである旨の価値があります他の要素や属性に基づいてDOMを操作するためにJavascript（またはJQuery）を使用するためのものですが、PHPでこれを行う方法について質問しました。

Answer 3

その非常に単純な（すなわち：$のSRC）あなたは

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タグにあなたは、この変数を配置する必要があり、カテゴリが既にそのを知っているので

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

Answer 4

色。アイコンをカテゴリクラスのプロパティにしてみませんか？次に、あなたのvieuwに、あなたは単にあなたが身体の背景画像を設定したい場合は、「はい」その後、私はまた、あなたがそれを行うことができますどのように説明しますと、私を返信

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