PHP，与CSS集成的随机图像代码生成

Question

我有一段代码可以随机选择一张图片显示在网站上。然而，那是在我用 CSS 升级我的 HTML 技能之前。现在我想将 CSS 集成到 PHP 代码中。

我从来都不擅长 PHP，并且只管理随机图像生成器，因为一位 friend 为我编写了代码。现在我不知道如何将所需的格式化字符从 CSS 集成到 PHP 中。

原始代码:

<?php 
$images = array("banner001.jpg", "banner002.jpg", "banner003.jpg", 
"banner004.jpg", "banner005.jpg", "banner006.jpg", "banner007.jpg", "banner008.jpg", 
"banner009.jpg", "banner010.jpg", "banner011.jpg", "banner012.jpg", "banner013.jpg", 
"banner014.jpg", "banner015.jpg",); mt_srand((double)microtime() * 1000000); 
$num = array_rand($images); 
print("<img src=\"_pic-lib/banner-bg/".$images[$num]."\" alt=\"A random banner image\" class=\"bordered\" id=\"rightside\" />");
?>

使用 HTML 和 CSS 处理单个图像:

<table id="banner"><tr><td id="banner" style="background-image:url('_pic-lib/banner-
bg/banner005.jpg')"><img src="_pic-lib/banner.png" alt="NCPAM GRS Banner" /></td>    
</tr></table>

我目前的混合代码:(不起作用)

<table id="banner"><tr><?php $images = array("banner001.jpg", "banner002.jpg",
"banner003.jpg", "banner004.jpg", "banner005.jpg", "banner006.jpg", "banner007.jpg",
"banner008.jpg", "banner009.jpg", "banner010.jpg", "banner011.jpg", "banner012.jpg", 
"banner013.jpg", "banner014.jpg", "banner015.jpg",); mt_srand((double)microtime() * 
1000000); $num = array_rand($images); print("<td id=\"banner\" style=\"background-
image:url('_pic-lib/banner-bg/".$images[$num]. '\")" alt=\"A random banner image\" 
/>");?></td></tr></table>

Website where code is to be used.

上面的图片是最终结果应该是什么。第二张图是随机选择的图片代码，没有集成CSS。第三张图片……不存在……是最终的集成版本。

@

Answer 1

其实是想通了。事实证明，firefox 中的“查看页面源代码”是一个不错的代码调试器。它具有语法高亮功能，这对诊断代码错误非常有帮助。

<table id="banner2"><tr><?php $images = array("banner001.jpg", "banner002.jpg",
"banner003.jpg", "banner004.jpg", "banner005.jpg", "banner006.jpg", "banner007.jpg",
"banner008.jpg", "banner009.jpg", "banner010.jpg", "banner011.jpg", "banner012.jpg",
"banner013.jpg", "banner014.jpg", "banner015.jpg",); mt_srand((double)microtime() * 
1000000); $num = array_rand($images); print("<td id=\"banner2\" style=\"background-
image:url('_pic-lib/banner-bg/$images[$num]')\" >");?><img src="_pic-lib/banner.png"
alt="NCPAM GRS Banner" /></td></tr></table>