Question

我网站上的商店页面显示＆＃34;全长＆＃34;产品的图像，然后，在悬停时，＆＃34;特写＆＃34;图像。

我希望将其随机化，以便对于某些产品，＆＃34;特写＆＃34;在加载时显示，对于其他人，显示＆＃34;全长＆＃34;。并且随着每个页面的加载随机使用。

＆＃34;全长＆＃34;图像总是被命名为xxx1.jpg，＆＃34;特写＆＃34;图像是xxx2.jpg，例如

<li>
    <div id="product">
        <img class="full-length" src="/image-1.jpg"/>
        <img class="close-up" src="/image-2.jpg"/>
    </div>
</li>

我想我需要一个1到2之间的随机数生成器，然后第二个图像是不是的第一个图像。

任何帮助，真诚而且非常有责任。

Answer 1

我认为这可以帮到你.Java脚本代码是：

function getRandomArbitrary(min, max) {
  return Math.random() * (max - min) + min;
}
function onloadSetImage()
{
document.getElementById('product1').src='image-'+getRandomArbitrary(1,5);
}

html（onload can check here）：

<body onload="onloadSetImage();"/>
<li>
  <img id="product1" src=""/>
</li>
</body>

随机产品缩略图

1 个答案: