Question

我有一段代码随机选择了一个图像，以便在网站上显示。然而，在我用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>

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>

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

1 个答案: