0

誰かがこれで私を助けてくれることを願っています。現在、次のようなポートフォリオ Web サイトに取り組んでいます。

http://cargocollective.com/shap

ご覧のとおり、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 サムネイルの URL をコピーしてスクリプトに追加しただけですが、それは絶対に間違っていますか? 私が cargocollective システムを使用しているという事実が、事態を複雑にしているのかもしれません。これが現在の様子です。ご覧のとおり、何かが起こっていますが、実際には制御できません。

http://cargocollective.com/shap

（1分後、何らかの理由で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 に答える