将图像（背景图像 CSS）转换为 PHP 变量值答案

【问题标题】：make an image (background-image CSS) into PHP variable value将图像（背景图像 CSS）转换为 PHP 变量值
【发布时间】：2016-06-29 11:03:05
【问题描述】：

我想制作一个像 5 个产品一样的产品库，每个产品都有自己的 background-image 属性我使用循环插入产品图像，所以我想让每个循环都有不同的背景图像

我正在考虑像这样使用 IF 语句

 <?php

 $bg = 0;
 $bg1 = "url('img1.jpg')";
 $bg2 = "url('img2.jpg')";
 $bg3 = "url('img3.jpg')";
 $bg4 = "url('img4.jpg')";
 $bg5 = "url('img5.jpg')";

 if ($bg = 0){ 
  echo " <div style='background-image :$bg1 ;'>" ;
      $bg = 1;
     } else if ($bg= 1) { 
       echo " <div style='background-image :$bg2 ;'>" ;
      $bg = 2;
     } else if ($bg= 2 ) { 
       echo " <div style='background-image :$bg3 ;'>" ;
      $bg = 3;
     } else if ($bg= 3 ) { 
       echo " <div style='background-image :$bg4 ;'>" ;
      $bg = 4;
     } else if ($bg= 4 ) { 
      echo " <div style='background-image :$bg5 ;'>" ;
       $bg = 0;
     }


    echo "   </div> " ;

    code for product images
?>

上面是我写的简化代码，它不起作用。如果有人有不同但更简单的解决方案，我们将不胜感激

注意：图片文件和这个php文件在同一个目录

谢谢

【问题讨论】：

您将要使用数组，而不是名称如$bg1 的变量。而且你甚至还没有循环，所以你现在没有循环任何东西。此外，您需要使用=== 或== 进行比较，而不是=（= 是赋值运算符），并使用switch/case 而不是if/@ 的那一大块987654330@ 声明。老实说，您似乎需要花一些时间来学习介绍性教程。
echo "<div style='background-image : url(\"img{$bg}.jpg\")'>"; 怎么样？或者我想以第四个为条件..

标签： php css html

【解决方案1】：

您愿意使用 img 标签吗？在我看来，这将是一个更好的解决方案：

代码：

<?php

$images=Array(
    "img1.jpg",
    "img2.jpg",
    "img3.jpg",
    "img4.jpg",
    "img5.jpg"
);

//
print "\n<br> Code: \n<pre>\n".RenderThoseImages($images)."\n</pre>";

//
function RenderThoseImages($images)
{
    //
    $s="";

    //
    foreach($images as $image){
        $s.="\n<div><img src=\"{$image}\"></div>";
    }

    return $s;
}

?>

输出：

<br> Code: 
<pre>

<div><img src="img1.jpg"></div>
<div><img src="img2.jpg"></div>
<div><img src="img3.jpg"></div>
<div><img src="img4.jpg"></div>
<div><img src="img5.jpg"></div>
</pre>

主要原因是当您使用 background-image CSS 时，您还负责在 PHP 中获取图像尺寸并将高度/宽度渲染到 div CSS 中，或者可能创建一些 JavaScript 来修复它加载，造成不必要的头痛。

【讨论】：