タイトル画像をランダムで変更させる:Type B | Nefert


対象テンプレートは
・ Day-out
・ Aquaria
・ bird-call
・ herba
です。
バージョンごとに編集方法が異なりますので、バージョンをご確認の上、編集を行ってください。

【2015年12月16日更新】

1. 編集箇所を探す


「HTMLの編集」から、以下の部分を探してください。
</head>

2.バージョンに合わせてベースHTMLを追加


この直前に、バージョンに合わせて次の記述を追加してください。

・ Day-out ver.2.2以上
・ Aquaria ver.1.1以上
  <script type="text/javascript">
var imglist = new Array(
"画像のurl@1",
"画像のurl@2" );
var selectnum = Math.floor((Math.random() * 100)) % imglist.length;
var output = '<style>#HeaderInner { background-image : url("' + imglist[selectnum] + '"); }<\/style>';
document.write(output);
</script>


・ Day-out ver2.11以下
・ Aquaria ver1.0
・ bird-call
・ herba
  <script type="text/javascript">
var imglist = new Array(
"画像のurl@1",
"画像のurl@2" );
var selectnum = Math.floor((Math.random() * 100)) % imglist.length;
var output = '<style>.header-container { background-image : url("' + imglist[selectnum] + '"); }<\/style>';
document.write(output);
</script>


3.画像ファイルの設定


画像のurl@1画像のurl@2という部分には使用したい画像のurlを入れます。使用したい画像が3個以上ある場合は、画像のurl@1の方の行をコピー・ペーストで増やしてください。このスクリプトでは画像は100個まで使用可能です。

4.注意

  • javascriptを使わないように設定されている環境で閲覧した場合はランダムにならず、スタイルシートで設定されている画像が表示されます。
    ※スタイルシートで設定できる画像は一枚のみです。
  • 画像差し替え時の注意」もご確認ください。
関連記事


コメント

    コメントの投稿

    (コメントの編集・削除時に必要)
    (管理者にだけ表示を許可する)

    質問の際のお願い

    テンプレートに関する質問は、それぞれのテンプレート専用の記事にて受け付けています。トップページの「Templates Information」から、各テンプレート用の記事へリンクが張ってあります。

    質問の際には、情報の共有のため非公開コメントはご遠慮くださいませ。
    また、使用しているバージョンによって編集内容が異なる事があるため、多くの場合ソースコードの確認が必要になります。出来る限りブログのURLを入力してください。ブログのURLを公開したくない場合は、質問内容を公開コメントで投稿した後、非公開コメントにてブログのアドレスを追加投稿してくださいませ。

    質問以外のコメントは、ご自由にコメントしていただいて結構です。たくさんのコメントお待ちしております。


    トラックバック

    Trackback URL
    Trackbacks


    Recent Entries