根据类别更改缩略图答案

【问题标题】：Change Thumbnail Image depending on category根据类别更改缩略图
【发布时间】：2022-02-21 14:53:36
【问题描述】：

我正在制作这个购物网站作为测试，但在尝试根据用户查看的类别更改页面顶部的横幅时遇到问题

这是针对在我的本地主机上的服务器上运行的站点，而不是 wordpress 顺便说一句

<div class="item">
  <div class="image">
    <img src="assets/images/banners/cat-banner-1.jpg" alt="" class="img-responsive">
  </div>
  <div class="container-fluid">
    <div class="caption vertical-top text-left">
      <div class="big-text">
        <br />
      </div>

      <?php $sql=mysqli_query($con,"select categoryName  from category where id='$cid'");
while($row=mysqli_fetch_array($sql))
{
    ?>

      <div class="excerpt hidden-sm hidden-md">
        <?php echo htmlentities($row['categoryName']);?>
      </div>
      <?php } ?>

    </div>
    <!-- /.caption -->
  </div>
  <!-- /.container-fluid -->
</div>

我尝试使用 PHP 使横幅部分响应如下：

<div class="image">

<?php if (is_category( 'Entertainment' )) : ?><img class="round_corners hover-shadow" src="assets/images/banners/cat-banner-1.jpg"/><?php endif;?>

<?php if (is_category( 'Science' )) : ?><img class="round_corners hover-shadow" src="assets/images/banners/cat-banner-2.jpg"/><?php endif;?>

<?php if (is_category( 'Lifestyle' )) : ?><img class="round_corners hover-shadow" src="assets/images/banners/cat-banner-3.jpg"/><?php endif;?>
  </div>

我意识到这是一种草率的做法，但我只能想出办法，但它仍然不起作用。

为了使网站更改不同类别的横幅图像，我必须对 PHP 做些什么？有没有办法我也可以不使用 PHP 做到这一点？

【问题讨论】：

这应该是 WordPress 系统吗？如果是这样，请适当地标记问题。如果不是，请解释一下 is_category 函数应该是什么。

标签： javascript php html jquery css

【解决方案1】：

php

<?php 

if $is_category == 'Entertainment' {

<img class="round_corners hover-shadow" src="assets/images/banners/cat-banner-1.jpg"/>

}else if{ $is_category =='Science' {

<img class="round_corners hover-shadow" src="assets/images/banners/cat-banner-2.jpg"/>

}else{ $is_category =='Lifestyle' {

<img class="round_corners hover-shadow" src="assets/images/banners/cat-banner-3.jpg"/>

}

?>

css

.round_corners { 
some format 
}
.hover-shadow {
some format
}

html

echo $is_category

【讨论】：