我希望从图像URL列表中提取HTML正文的背景图像,并在每次单击页面上的按钮时随机或顺序(依次优选)应用新图像。

所以它必须是这样的:

var images = ["URL1", "URL2", "URL3"];

$("button").onclick(function(){
//choose a random/sequential image from var images and use it as a background image for my body

// on another click choose a different background-image from images and use it as background

// and so on
});

最佳答案

您可以像这样随机地进行下一个和上一个:


var imagesArr = ["1.jpg","2.jpg"];
var selectedImage = 0;

$("button").click(function(){
  var item = imagesArr[Math.floor(Math.random()* imagesArr.length)];
  document.getElementById('body').style.backgroundImage = item;
});

$(".nextButton").click(function(){
   if(selectedImage < imagesArr.length){
      selectedImage++;
      document.getElementById('body').style.backgroundImage = imagesArr[selectedImage];
   }
});

$(".prevButton").click(function(){
   if(selectedImage > 1){
      selectedImage--;
      document.getElementById('body').style.backgroundImage = imagesArr[selectedImage];
   }
});

关于javascript - 如何创建背景图像的URL列表并将其应用于jQuery的单击功能?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37115810/

10-10 07:40