【发布时间】:2012-08-16 14:13:05
【问题描述】:
我正在创建一个使用 CSS3 全屏图库的网站。基本上,当我更改图像时,我的网站地址会更改。例如,http://www.mysite/index.html#image7 或 http://www.mysite/index.html#image20。
我需要一种使用 jQuery 或纯 JS 在页面加载时显示随机图像的方法。通过在文档就绪功能中包含此行,我可以轻松地指向精确的图像:
document.location.href = "http://www.mysite/index.html#image13";
我不太擅长 JavaScript,但也许创建一些图像数组然后使用一些随机函数就可以了?
有什么建议吗?
【问题讨论】:
-
我们可以看到图像的标记吗?它们在 DOM 加载时可用吗?已经插入了?我假设它是
<a href="#image13"><img src="blah/blah/blah.blah" /></a> -
是的,它们在 DOM 加载时可用。它基本上是一个列表项。
-
我的意思是...我们可以提取散列,将其与 LI 进行比较,然后抓取图像。但是一旦我们有了图像,你想做什么?您用来“画廊化”您的图像的事件是什么。
-
您使用的是哪个 CSS3 全屏图库(假设您没有滚动自己)?这将有助于我们提供答案。
-
不涉及任何事件,因为这是纯CSS3画廊,没有使用JS。我可以给你测试站点的链接:www.madebym.net/test/index.html 我想要的只是页面加载时的随机图像。