0

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

http://cargocollective.com/shap

如您所见，我有一个超过 15 个动画 gif 缩略图的 png 图像。

基本上，我想让一些简短的 gif 动画不时出现在某些屏幕上，所以我想做的是有一个脚本用其他的 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 缩略图的 URL 并将它们添加到脚本中，这是绝对错误的吗？也许我正在使用 cargocollective 系统这一事实使事情变得复杂。这是它现在的样子，正如你所看到的，正在发生一些事情，但我无法真正控制它：

http://cargocollective.com/shap

（一分钟后，无论出于何种原因，png覆盖层都消失了）

最好的

4

1 回答 1

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);
}
于 2011-08-29T19:01:52.063 回答