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

ベストアンサー

• 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回まで

この質問のカテゴリ

• ウェブ制作

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

人気の質問

• YouTubeにてブロックした広告の動画がなぜかまた流れてきてしまいます。医療脱毛や詐欺ゲームに関する広告…匿名質問者2日前
• 昔のファンタジーの本のタイトルが思い出せないので教えてほしいです。 2000年以前。多分1990年代。 日本人…匿名質問者3日前
• Javascript HTML5 CSSを使った、アンドロイドアプリを開発する環境を、整えたいのですが、、よろしくご教示…kojiro_i6193日前
• 「乙女ゲームの破滅フラグしかない悪役令嬢に転生してしまった」というアニメの、ソフィアを好きな男性って…匿名質問者3日前
• 大人の服を作るのに向いてるミシンの機種をご存知ですか？　ベルトホールありのメンズのストレッチパンツを…匿名質問者23日前

メニュー

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

PC版

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