• はてなアカウントでログイン
• 無料ユーザー登録

ベストアンサー

• GEN1112007/10/06 14:06:58

  満足100pt

  質問の意図を読み違えていたらすみません。

  // 画像
  var image = [
    ["image_index/aaa.jpg", "http://www.sharp.co.jp/", "_blank"],
    ["image_index/abc.jpg", "http://www.sony.co.jp/", "_blank"],
    ["image_index/bbb.jpg", "http://www.toyota.co.jp/", "_blank"],
    ["image_index/def.jpg", "http://www.kawasaki.co.jp", "_blank"]
    ] ;
  
  var reload_time = 2000 ; // 画像切り替え時間 (ミリ秒)
  
  
  var index = 0 ;
  var $ = function(id) { return document.getElementById(id) ; }
  function reload_image() {
    ++index ;
    if (index >= image.length) index = 0 ;
    $('showimage').src = image[index][0] ;
    $('anchor').href = image[index][1] ;
    $('anchor').target = image[index][2] ;
  
    setTimeout(reload_image, reload_time) ;
  }
  
  document.write('<a href="'+image[0][1]+'" target="'+image[0][2]+'" id="anchor"><img src="'+image[0][0]+'" id="showimage" /></a>') ;
  setTimeout(reload_image, reload_time) ;
  

  スター

  • easel 2007/10/06 19:17:08

    思ったとおりに動作しました！

    ありがとうございました。

その他の回答

• higeorange2007/10/06 14:32:01

  満足35pt

  http://q.hatena.ne.jp/1191642461

  ---HTML---

  <p id="change"><a href="" target=""><img src="" alt="img"></a></p>

  
  

  ---JavaScript---

  window.onload = function() {

  var tid;

  var c = 0;

  
  

  var image = [];

  image[0]=["image_index/aaa.jpg", "http://www.sharp.co.jp/", "_blank"]; //image0

  image[1]=["image_index/abc.jpg", "http://www.sony.co.jp/", "_blank"]; //image1

  image[2]=["image_index/bbb.jpg", "http://www.toyota.co.jp/", "_blank"]; //image2

  image[3]=["image_index/def.jpg", "http://www.kawasaki.co.jp", "_blank"]; //image3

  
  

  var reload_time = 5000;

  
  

  // 画像先読み

  for(var i = 0, len = image.length; i < len; i++) {

  new Image().src = image[i];

  }

  
  

  (function (elm, interval) {

  var self = arguments.callee

  clearTimeout(tid);

  var anc = elm.getElementsByTagName('a')[0];

  anc.href = image[c][0];

  anc.target = image[c][2];

  elm.getElementsByTagName('img')[0].src = image[c][1];

  c = c++ < images.length - 1 ? c++ : 0

  tid = setTimeout(function() { self(elm, interval)}, interval);

  })(document.getElementById('change'), reload_time);

  };

  スター

  • easel 2007/10/06 19:18:08

    ありがとうございました！

この質問へのコメント

質問の情報

登録日時

2007-10-06 12:47:43

終了日時

2007-10-06 19:19:04

回答条件

1人5回まで

この質問のカテゴリ

• ウェブ制作

この質問に含まれるキーワード

人気の質問

• 【次の予想は定理か】位数３の体上のn次元ベクトル空間に於いて、その零でない相異なる(n+1)個の元の組Vを{…くろょ11時間前
• 先日、クラスメイトの女子に告白されました。 その人は本気で自分を心から好きだと思ってくれているのです…匿名質問者115時間前
• 小６です。 給食委員会の放送で、残飯を減らすためにやっていることを放送で話してみたいなことを先生から…匿名質問者1日前
• こんなものありますか？　ダイソーの「吊り下げワイシャツ収納」みたいなもの。これは、入れるところが、５…匿名質問者12時間前
• この太ももってそんなに女の子の太ももに見えますか？ この前クラスの女子に「あんた本当に…匿名質問者1日前

メニュー

• 質問一覧
• カテゴリ一覧
• 無料ユーザー登録
• 人力検索はてなトップ

PC版

• お問い合わせ
• ヘルプ
• お知らせ
• はてなトップ