我有一段代码,它随机选择了一个图像在网站上显示。然而,那是在我用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'" />");
?>
使用HTML w/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>
要使用代码的网站。
上面的图片是最终结果。第二张图片是随机选择的图片代码,没有集成CSS。第三张图片。。。它不在那里。。。是最终集成版本。
@
事实上已经解决了。事实证明,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>