该脚本如何生成随机图像?

时间:2017-03-26 14:16:48

标签: image random

我偶然发现了这个脚本:http://lorempixel.com/250/250/business/?a=7

但我不知道它是如何运作的。代码中没有任何内容。如果我尝试保存页面,我只会弹出图像保存。有人可以给我一个提示,因为这绝对太棒了!

2 个答案:

答案 0 :(得分:0)

你可以拥有一系列图像名称。每次打开页面时,都会生成一个从0到数组大小的随机数。并在随机索引中显示名称在数组元素中的页面? 假设您有一个包含3个名字的数组:pic1.png pic2.jpg pic3.gif。 有一个var pic=array[Math.floor(3*Math.random())];img src=pic;

答案 1 :(得分:0)

在代码中我找到了这一行:

img ...(some crapy css styles)... src="http://lorempixel.com/250/250/business/?a=7"

那么,它是如何运作的:

  1. 您选择图片的大小和类别(地址显示您正在导航到文件夹" 250"," 250"然后" businnes",我猜数字代表大小。
  2. 然后,在此文件夹中,放置一个返回图像的脚本,您将传递参数" 7"在它中,它可以代表访客ID,或者只代表发电机的种子。
  3. 该脚本生成一些随机数并返回与此数字相关联的图像(您可以想象有1000个名为1.jpg,2.jpg等的JPEG)。或者,它会向某些搜索引擎询问符合这些条件(大小,类别)的图片并返回它们(再次,"在搜索商业类别和特定尺寸&#34之后显示图片数字x。)。
  4. 可能令人困惑的事情是,即使用相同的参数刷新页面(在这种情况下为7),也会导致页面加载不同的图片。 Perhabs它记得最近显示的指定IP号码的图片或标识你的东西(fe会话ID存储在cookie中)并阻止页面加载相同的图片),或者随机化算法可以以它的方式构建。 ;即使使用相同的种子或参数也能获得相同的结果是非常不可能的(想象一下,自上周一以来你从现在开始增加毫秒数,它会不断变化,对吧?)。