ブログ

トピック詳細

コメント一覧 3件中、1～3件表示

• 画像の表示の仕方って
  <img src= を使ってHTMLで指示する場合と
  CSSのbackground プロパティを使って表示させる場合とあって。
  
  シメノが引用した分は前者なのですが
  後者だとこんなスクリプトになると思います。
  
  <script language="JavaScript">
  <!--
  // ランダムに画像を表示する
  img = new Array();
  img[0] = "http://blog-imgs-47.fc2.com/t/a/t/tatesuteru na/WS000053.jpg";
  img[1] = "http://blog-imgs-47.fc2.com/t/a/t/tatesuteru na/WS000081.jpg";
  n = Math.floor(Math.random()*img.length);
  document.write ('<style type="text/c ss"><!--#h1 {background-image: url("'+ img +'");}--></style>');
  //-->
  </script>
  
  質問者さんが挿入なさったスクリプトとは赤文字の部分が違ってます。
  
  もしかすると
  こちらなら文字の配置が元通りになるかもしれません。
  （CSSでパディングを大きく変更しておられない場合ですが）
  

  2011年05月23日 15:11 by 標野ゆき

• アドバイスありがとうございます。
  なんとかランダム表示までこぎつけました。
  が、なぜかタイトル背景に重なってタイトルがあったものが、タイトル背景の下にタイトルが表示されるようになっちゃいました。
  なんでかなーっといろいろ調べてますが知識が乏しく。。。
  もすこし勉強してみます。
  ありがとうございました。

  2011年05月23日 11:59 by

• ご希望に合うようなJavaScriptを公開しているサイトさんを探して
  借りてこられるのが一番だと思います。
  
  シメノが以前
  記事タイトル先頭のアイコンをランダム表示する際に借りたのは
  
  
  <script language="JavaScript">
  <!--
  // ランダムに画像を表示する
  img = new Array();
  img[0] = "画像1のURL";
  img[1] = "画像2のURL";
  img[2] = "画像3のURL";
  img[3] = "画像4のURL";
  img[4] = "画像5のURL";
  n = Math.floor(Math.random()*img.length);
  document.write("<img src='"+img[n]+" ' border='0'>");
  //-->
  </script>
  
  このような嵌め込み式のＪＳでした。
  
  どちらでお借りしたかは忘れてしまったのですが
  ＨＴＭＬ内のＣＳＳに別に文字列を書き込む必要のないコンパクトなもので
  画像を表示したい所に貼るだけで設置も簡単だった記憶があります。
  
  ＪＳのサンプルを提供するサイトさんは
  ちょっと検索しただけでたくさん見つかりますし
  そちらには詳しい説明も加えられていると思いますので
  好みに合うものを探してみられてはいかがでしょうか。
  
  ＊＊＊
  
  この他に、もとから
  トップ画像がランダム表示されるように作ってある
  共有テンプレートを借りてこられて
  
  スクリプト内の画像URL部分だけを
  ご自分でアップロードされた画像のURLと差し替える方法もあると思います。
  
  テンプレートの追加ページで
  「ランダム」で検索するとたくさんヒットしますので
  カスタマイズOKのテンプレートで イメージに合うものを探して借りられては
  いかがでしょうか。
  
  

  2011年05月22日 23:37 by 標野ゆき