0

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

我从不擅长 PHP，只管理随机图像生成器，因为一个朋友为我编写了代码。现在我不知道如何将所需的格式字符从 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\" />");
?>

使用 CSS 处理单个图像的工作 HTML：

<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>

使用代码的网站。

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

@

4

1 回答 1

0

其实想通了。事实证明，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>
于 2013-07-27T11:37:59.867 回答