Javascript图像技巧

我有这个JavaScript代码…每次我想添加一个新的图像，我需要写一行新的。。。 1.如何使其随机…选择随机图像！ 2.如何在ip.com上只做一行…当我想添加图像时，从未做过新行

---

对于随机数：

改编自：

其中

max

是

images.length

。您将获得介于0和

images.length-1之间的随机数

对于字符串连接：

function getRandomNumber(max) {
  return Math.floor(Math.random() * max);
}

可以删除数组每个元素中的长字符串，只保留文件名。然后你可以做一些类似的事情（还有，你有太多的括号）：

编辑：

首先我定义函数

image.css("background-image", "url(" + baseUrl + images[count] + ")")

然后我使用函数获取第一张图像：

var getRandomNumber = function (max) { 
  return Math.floor(Math.random() * max) 
} 

然后我使用setInterval中的函数连续生成一个随机数。你甚至可以检查新号码是否与旧号码相同，然后再做一次，这样你就不会再选择同一张图片两次（但我会让你自己去弄清楚怎么做）

上次编辑：

setInterval(function () { 
  image.fadeOut(1500, function () { 
    randomNumber = getRandomNumber(images.length) 
    image.css("background-image", "url(" + baseUrl + images[randomNumber] + ")"); 
    image.fadeIn(1500); 
  });
},10000); });

1.你试过谷歌Javascript随机数吗。您正在寻找字符串连接的奇迹。是的，但我不知道如何在文件/图像上使用它。您不知道如何做什么，确切地说？为什么不呢？我试着这么做（我仍然有一些错误，我用我的大脑来解决这些错误，但每次我都遇到这个问题（不知道我需要把那个法兰西放在哪里：\n不用担心。你需要先定义这个函数，这是我为你做的。然后，每当你需要一个随机数时，你调用这个函数并将结果保存到一个变量中。然后你可以用它索引到
图像
数组中。@IonutDaniel你找到解决方案了吗？没有pe…（）仍有一些错误。我对此感到厌倦。我想我会让代码保持原样。此外，我尝试使用、images.lenght、、或其他名称更改、、max、，但没有…编辑…（）我做了类似的操作，现在它工作了，但仍然不是随机的：）
var getRandomNumber = function (max) { 
  return Math.floor(Math.random() * max) 
} 

var randomNumber = getRandomNumber(images.length) 
image.css("background-image", "url(" + baseUrl + images[randomNumber] + ")") 

setInterval(function () { 
  image.fadeOut(1500, function () { 
    randomNumber = getRandomNumber(images.length) 
    image.css("background-image", "url(" + baseUrl + images[randomNumber] + ")"); 
    image.fadeIn(1500); 
  });
},10000); });

$(document).ready(function () {

  var images = [
    '1.png',
    '2.png',
    '3.png',
    '4.png'
  ]

  var image = $('.background')

  // build the function
  var getRandomNumber = function (max) {
    return Math.floor(Math.random() * max)
  }
  // set a variable to receive a value
  var randomNumber = getRandomNumber(images.length)

  // use the value to index into the array
  image.css('background-image', 'url(' + (images[randomNumber] + ')'))

  setInterval(function () {
    var lastRandomNumber = randomNumber
    // and then do it again, every time
    randomNumber = getRandomNumber(images.length)
    // you could also check whether or not it's the same number and do it over
    while (randomNumber === lastRandomNumber) {
      randomNumber = getRandomNumber(images.length)
    }
    image.fadeOut(1500, function () {
      image.css('background-image', 'url(' + images[randomNumber] + ')')
      image.fadeIn(1500)
    })
  }, 10000)
})