【问题标题】:Random href attribute in website address网站地址中的随机href属性
【发布时间】:2012-08-16 14:13:05
【问题描述】:

我正在创建一个使用 CSS3 全屏图库的网站。基本上,当我更改图像时,我的网站地址会更改。例如,http://www.mysite/index.html#image7http://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 我想要的只是页面加载时的随机图像。
  • 标签: jquery random href


    【解决方案1】:

    好的,我自己做到了。我将一些值存储到一个数组中,然后将它与 document.location.href 一起使用

        var images = [],
            index = 0;
    
            images[0] = "http://www.mysite/index.html#image13";
            images[1] = "http://www.mysite/index.html#image17";
            images[2] = "http://www.mysite/index.html#image5";
    
            index = Math.floor(Math.random() * images.length);
    
            document.location.href = images[index];
    

    【讨论】:

      猜你喜欢
      相关资源
      最近更新 更多
      热门标签