Question

我希望有人可以帮我解决这个问题。我正在开发一个目前看起来像这样的投资组合网站：

正如你所看到的，我有一个超过15个动画gif缩略图的png图像。

基本上，我希望有时会在某些屏幕上弹出一些简短的GIF动画，所以我要做的就是让一个脚本用其他的Gif代替其他人，无论是随机还是经过一段时间后。

我希望有人能理解我的意思并帮助我。

的的 __ _ __ _ __ _ _ * 更新 *：

非常感谢，我非常感谢你的帮助。我很抱歉我缺乏知识，使我很难使用你刚才写的东西，但这就是我在源代码中添加的内容：

<script type="text/javascript">
$(document).ready(function() { changer(); });

function changer() {
  var imgnum = Math.floor(15*Math.random());
  var time = Math.floor(5000*Math.random());
  var $img = $("img").eq(imgnum);

  if ($img.attr("src")=="http://payload.cargocollective.com/1/1/39798/479556/prt_166x132_1314132436.gif")
    $img.attr("src","http://payload.cargocollective.com/1/1/39798/479849/prt_166x132_1314132538.gif");
  else
    $img.attr("src","http://payload.cargocollective.com/1/1/39798/479556/prt_166x132_1314132436.gif");
  setTimeout(changer,time);
}
</script>

我刚刚复制了我的2个gif缩略图的网址并将它们添加到了脚本中，这是绝对错误的吗？也许我使用cargocollective系统的事实使事情变得复杂。现在看来，正如你所看到的，正在发生的事情，但我无法控制它：

http://cargocollective.com/shap

（一分钟后png叠加因任何原因消失）

最好的，小号

Answer 1

管电视！奇妙的古怪。 ; - ）

嗯，这是我一起扔的东西。显然，您应该将实际的图像SRC更改为服务器上存在的内容。

http://jsfiddle.net/9KrsV/1/

$(function() { changer(); });

function changer() {
  var imgnum = Math.floor(15*Math.random());
  var time = Math.floor(5000*Math.random());
  var $img = $("img").eq(imgnum);

  if ($img.attr("src")=="images/chalk-dotted.png")
    $img.attr("src","images/chalk-box.png");
  else
    $img.attr("src","images/chalk-dotted.png");
  setTimeout(changer,time);
}

更新：显然，这是非常狭隘的。这是另一个脚本，它将存储旧的SRC并最终转回它：

function changer() {
    var imgnum = Math.floor(15 * Math.random());
    var time = Math.floor(5000 * Math.random());
    var $img = $("img").eq(imgnum);
    var newsrc = "noisy_static.gif";

    if ($img.attr("src") == newsrc) {
        $img.attr("src", $img.data("oldsrc"));
    } else {
        $img.data("oldsrc",$img.attr("src"));
        $img.attr("src", newsrc);
    }
    setTimeout(changer, time);
}

图像交换使用jQuery

1 个答案: