Question

我有一个小问题。我可以通过点击html链接在整个页面上做一个fadout fadin。但我想更改与数组中的链接相对应的图像。

在我的代码下面，在页面之间使用fadeIn和fadeOut html：

脚本

$(window).load(function(){

$("#overlay").fadeOut(1500);
$("a.transition").click(function(event){
    event.preventDefault();

   linkLocation = this.href;
  $("#overlay").fadeIn(1000, function() {
window.location = linkLocation;

  return false;
    });
});
});

的CSS

#overlay {
  position: fixed;
  top: 0; left: 0;
  background: #fcc916 url(img/logo/blablabla.png) no-repeat center center;
  /*background: #ffffff;*/
  width: 100%;
  height: 100%;
  z-index: 314159;
}

HTML

<div id="overlay"></div>

我知道我必须用图像做一个数组并在getElementByld中检索它们但我不知道如何......

感谢您的宝贵帮助和对不起我的英语

Answer 1

尝试......

$("#overlay")
    .attr("style", "background: #fcc916 url(img/logo/" + fromarray[i] + ".png) no-repeat center center");

...这将通过jQuery更改背景图像。 .png部分也可以来自阵列。

淡入淡出页面html和使用数组脚本更改图像

1 个答案: