时间:2019-08-08
编辑:网站制作公司
5462
0
这是我们的第一个专门用于制作网页设计原创和时尚的小技巧的教程之一。所有人都可轻松快捷地访问!快乐阅读。
首先随机是时髦的......或者不是!这一切都取决于观点。我个人喜欢这个概念,因为它允许一个站点通过简单的交互性变得活跃。 在每次新的访问中,我们发现了一种新奇。
使用简单的PHP代码,我们可以渲染图片,文本,颜色或随机动画!
以下是我的投资组合示例,我们可以在每个页面中看到新图像出现在标题中。
要在网页设计中集成随机图像,没有什么复杂的!只需在PHP中粘贴几行即可完成工作。
您应该知道PHP是一种服务器语言,因此如果您在本地工作,您将看不到结果。您必须直接在在线站点上工作或安装Wamp(Windows)或Mamp(Mac)等软件来模拟服务器。
首先,您需要创建HTML结构才能拥有基础。
这是一个例子:
<BODY>
<div id =“header”>
<h1> <img src =“images / logo_1.png”title =“BlogDuWebdesign”alt =“BlogDuWebdesign”/> </ h1>
</ DIV>
<div id =“content”>
<a id="bt_Retour" href="https://www.xxxxxxxx.com/"> <返回博客</ a>
<p> <a id="bt_Recharge" href="/tutorials/range_image/">重新加载页面(F5)</a> </ p>
</ DIV>
</ BODY>
目前没有什么是动态的。让我们看看我们加载的图像,我们注意到所谓的“logo_1.png”。我们需要准备将在PHP中加载的其他图像,为了保持简单,我们将它们命名为:
现在我们必须渲染图像的动态加载,为此我们将使用2行PHP代码来定义图像编号之间的可能性。这些行将在任何HTML代码之前粘贴,位于文件的最顶部。
<?PHP的
$ First_image = 1;
$ Last_image = 5;
?>
最后,在我们的image标签的src属性中,我们必须用<?Php echo mt_rand($ first_image,$ last_image)替换数字 “1” ; ?> 允许您选择1到5之间的随机数。
<h1> <img src =“images / logo _ <?php echo mt_rand($ first_image,$ last_image);?>。png”title =“BlogDuWebdesign”alt =“BlogDuWebdesign”/> </ h1>
就是这样!你已经制作了一个随着每次访问而发展的网页设计
3
s后返回登录3
s后返回登录