アクセス毎に画像の自動入れ替えについて

Question

お世話になっております。

ページにアクセスするたびにリンク付き画像が自動で配置変更するページを作成したいのですが
javascript、CSSはほとんど触ったことがなく上手くできずにいます。

ネットで調べていろいろやってみましたが上手くできません。
現時点で以下のように入力していますが、どこに何を入れるのかもよくわかりません。
ページを確認すると、画像がエラーになっていて表示されません。

どのように修正したらいいでしょうか。
_____________________________________________________









var num = [];
for(var i=1; i

Answer

ECマスターズの田中です。

画像URLを入れ替える部分、画像をクリックした時の動作を指定する部分に問題がございます。

画像URLを入れ替える部分は、
予め画像URLのリストを作っていただき、
そのリストから乱数で選択するようにご設定ください。

=======

for(var i=1; i

Answer

田中様

ありがとうございます！！

ランダム表示はなんとか出来ました。
背景の画像を入れたいのですが、うまく反映されません。

JAVAスクリプトだとやり方が違うのでしょうか…

＿＿＿＿＿ここから＿＿＿＿＿＿＿＿
body { background: url(http://image.rakuten.co.jp/takasago-mejya/cabinet/03585563/imgrc0073389777.jpg); }
span {
   background-color: rgba( 204, 255, 204, 0.55 );
   color: blue;
}

＿＿＿＿＿＿ここまでを上部に入れてみましたが反映されませんでした。


＿＿＿＿＿＿＿＿＿＿＿




  
  東北 絆 祭り




  

	
      var images = {
        // 画像とジャンプ先の URL のペア
        url : [
          ['http://www.rakuten.ne.jp/gold/takasago-mejya/img/minamiya-shop-2.jpg', 'https://item.rakuten.co.jp/minamiya-shop/945199/'],
          ['http://www.rakuten.ne.jp/gold/takasago-mejya/img/happyhour.jpg', 'http://item.rakuten.co.jp/happyhour/10001189/'],
          ['http://www.rakuten.ne.jp/gold/takasago-mejya/img/takasago-shokuhin.jpg', 'http://item.rakuten.co.jp/takasago-mejya/331598/'],
		  ['http://www.rakuten.ne.jp/gold/takasago-mejya/img/edel_wine.png', 'http://item.rakuten.co.jp/edelwein/10000216/'],
		  ['http://www.rakuten.ne.jp/gold/takasago-mejya/img/harinezuminminkyouwakoku.jpg', 'http://www.rakuten.co.jp/harinezuminmin/'],
          ],

        // 順番のシャッフル
        shuffle : function() {
          for (i = this.url.length; i > 0; --i) {
            tmp = this.url[p = Math.floor(Math.random()*i)] ;
            this.url[p] = this.url[i-1] ;
            this.url[i-1] = tmp ;
          }
        },

        p : 0, // 表示画像のポインタ

        // 画像表示
        put : function() {
          document.write('') ;
          if (this.p >= this.url.length) this.p = 0 ;
        }
      } ;

      images.shuffle() ;







    
  

  

    
    
    
      
      
      
      
      
        images.put('https://item.rakuten.co.jp/minamiya-shop/945199/') ;
      
    

    
      
      
        images.put('http://item.rakuten.co.jp/happyhour/10001189/') ;
      
    

    
       
         
           images.put('http://item.rakuten.co.jp/takasago-mejya/331598/') ;
         
    
    
    
    
      
        images.put('http://item.rakuten.co.jp/edelwein/10000216/') ;
        
      
    
    
     
       
         images.put('http://www.rakuten.co.jp/harinezuminmin/') ;

Answer

もう一つ、すみません。
画像のサイズ調整はどのようにすればいいでしょうか。

Answer

ECマスターズの田中です。

＞背景の画像を入れたいのですが、うまく反映されません。
「ここまでを上部に入れてみましたが反映されませんでした。」の部分は
スタイルシートとなりますので、
HTMLファイル内に記載する場合は、
とで囲む必要がございます。
囲んだ上で、再度挿入していただき、表示をご確認いただけますでしょうか。

＞画像のサイズ調整はどのようにすればいいでしょうか。
ランダムで変わる画像を全て同じサイズにされる場合は、
put関数でdocument.writeされるタグに
widthとheightの属性を加えていただければと思います。

下記のような形式です。（横幅、高さは実際の数字にご変更ください）
document.write('') ;

Answer

上手くできました！ありがとうございます。