每次刷新页面时，如何创建图像数组并从数组中显示随机图像 [英] How Do I Create An Array Of Images And Display Random Images From The Array Everytime The Page Is Refreshed

问题描述

您好b $ b

我目前有170张图片清单



我希望在加载时显示20张图片每次刷新页面时，都会显示另外20张图片。

解决方案

可以您尝试以下代码。看看这里的图像数组。

我不确定这是不是你要找的东西。

< script type =   text / javascript> 
 
  var  imagelocation =  图像/; 
  var  currentdate =  0 ; 
  var  image_number =  0 ; 
  function  ImageArray（n）{
  this  .length = n; 
  for （ var  i =  1 ; i< = n; i ++）{
  this  [i] = ' ' 
} 
} 
 image =  new  ImageArray（ 3 ）
 image [ 0 ] = '  image1.gif' 
 image [ 1 ] = '  image2.gif' 
 image [ 2 ] = < span class =code-string>'  image3.gif' 
 
  var  rand = 60 / image.length 
 
  function  GenerateRandomImage（）{
 currentdate =  new  日期（）
 image_number = currentdate.getSeconds（）
 image_number = 数学 .floor（image_number / rand）
  return （image [image_number]）
} 
  document  .write （ < img src =   + imagelocation + GenerateRandomImage（）+  > ）; 
 
< / script> < /   img  > < / script> 

另请查看：

http://www.robwalshonline.com/posts/jquery-plugin -random-image-on-page-load / [ ^ ]



和



< a href =http://stackoverflow.com/questions/6930749/running-random-pictures-in-asp-net-site> http://stackoverflow.com/questions/6930749/running-random-pictures-in -asp-net-site [ ^ ]



希望这会有所帮助!!



问候，

Praneet

看看下面的链接



http://www.dyn-web.com/code/basics/random_image/random_img_js.php [ ^ ]





http://www.mediacollege.com/internet/javascript/image/random.html [<一个href =http://www.mediacollege.com/internet/javascript/image/random.htmltarget =_ blanktitle =新窗口> ^ ]



希望他们帮忙

Hi
I currently have a list of 170 images

I want to have 20 images displayed on load and every time the page is refreshed another random 20 images will be displayed.

解决方案

Hi,

Could you try the following code. Just have a look at the array of images here.
I am not sure if this is the exact thing you are looking for.

<script type="text/javascript">

 var imagelocation = "images/";
 var currentdate = 0;
 var image_number = 0;
 function ImageArray (n) {
   this.length = n;
   for (var i =1; i <= n; i++) {
     this[i] = ' '
   }
 }
 image = new ImageArray(3)
 image[0] = 'image1.gif'
 image[1] = 'image2.gif'
 image[2] = 'image3.gif'

 var rand = 60/image.length

 function GenerateRandomImage() {
 	currentdate = new Date()
 	image_number = currentdate.getSeconds()
 	image_number = Math.floor(image_number/rand)
 	return(image[image_number])
 }
 document.write("<img src="" + imagelocation + GenerateRandomImage()+ "">");

</script></img></script>

Also check this out :
http://www.robwalshonline.com/posts/jquery-plugin-random-image-on-page-load/[^]

and

http://stackoverflow.com/questions/6930749/running-random-pictures-in-asp-net-site[^]

Hope this helps!!

Regards,
Praneet

Have a look at the below links

http://www.dyn-web.com/code/basics/random_image/random_img_js.php[^]


http://www.mediacollege.com/internet/javascript/image/random.html[^]

Hope they help

这篇关于每次刷新页面时，如何创建图像数组并从数组中显示随机图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！