Question

我有一个在线商店，我想做一些改进。我想创建一个脚本，在每个产品页面上插入一些其他产品的随机图像。但是这些图像必须与该产品的描述和价格相关联。到目前为止我得到了这个：

function random_imglink(){
  var myimages=new Array()
  myimages[1]="imagepath1"
  myimages[2]="imagepath2"
  myimages[3]="imagepath3"
  ..............
  ..............

  var imagelinks=new Array()
  imagelinks[1]="link1"
  imagelinks[2]="link2"
  imagelinks[3]="link3"
  ................
  ................
  
  var Quotation=new Array()
  Quotation[1]="<h1>image 1</h1>"
  Quotation[2]="<h1>image 2</h1>"
  Quotation[3]="<h1>image 3</h1>"
  .............
  .............

  var price=new Array()
  price[1]="price1"
  price[2]="price2"
  price[3]="price3"
  ............
  .............
  
  var ry=Math.floor(Math.random()*myimages.length)  
  if (ry==0)
     ry=1
   document.write('<a href='+'"'+imagelinks[ry]+'"'+'><img src="'+myimages[ry]+'" border=0> '+Quotation[ry]+' '+price[ry]+'</a>')
     
}   

  random_imglink()

问题是我想要的不只是一张随机化的图像。我想要每次刷新时都有4张图片... 例如，如果我创建一个包含一行和四列的表，并且我在每个单元格中复制上面的代码，那么脚本运行良好。但我确信有一个漂亮的解决方案。

我希望你们能够理解我。请为我的英语做好准备！

Answer 1

使用循环。

HTML：

 <div id="productExposure"></div>

在你的函数（JS / jQuery）中：

while(i=0; i < 3; i++}
{
 var ry=Math.floor(Math.random()*myimages.length)  
  if (ry==0)
     ry=1
  $("#productExposure").prepend('<a href='+'"'+imagelinks[ry]+'"'+'><img    src="'+myimages[ry]+'" border=0> '+Quotation[ry]+' '+price[ry]+'</a>') 
}

我没有测试过，但它应该完成你所要求的。而不是必须将您的脚本插入到表的每个单元格中，如果您使用循环它将为所有3生成它。因为它没有硬编码到您的html中，每次刷新它将重新创建它们并且它将是随机的。但是，我建议您存储以前的值，然后在每个循环中检查它，以确保您没有在同一刷新中获得重复项。

javascript随机图像脚本

1 个答案: