BaySky eBLOG

  : 

<私的備忘録> 気に入ったこと、気に懸かること、気に障ること を随意に・・・

スポンサーサイト 

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサー広告  /  tb: --  /  cm: --  /  △top

画像の架け替え 

fc2blogcustomize_176x62 #009

■希望事項:
 右サイドバーの冒頭に掲載している写真を自動で架け替えたい。(10枚)

■カスタマイズ作法:
 FC2BLOGの公式プラグインの「フリースペース」にJavaScriptを書き込む。

■カスタマイズ実技:
掲載する10枚の画像をアップロードする。
FC2BLOGの公式プラグインの「フリースペース」の「フリーエリア内容の変更」に次ぎのコーディング(JavaScript)を書き込んで、保存(変更ボタンを押す)する。 これにより、ブログにアクセスの都度、乱数が発生し、それでどの画像を掲載するかが自動的に決定される。

<script language="JavaScript">
<!--
var sw = 10 * Math.random(); /* 0 から 10 までの乱数を発生させる */
if (sw<=1) document.write("<img src='画像1のURL'>");
else { if (sw<=2) document.write("<img src='画像2のURL'>");
else { if (sw<=3) document.write("<img src='画像3のURL'>");
else { if (sw<=4) document.write("<img src='画像4のURL'>");
else { if (sw<=5) document.write("<img src='画像5のURL'>");
else { if (sw<=6) document.write("<img src='画像6のURL'>");
else { if (sw<=7) document.write("<img src='画像7のURL'>");
else { if (sw<=8) document.write("<img src='画像8のURL'>");
else { if (sw<=9) document.write("<img src='画像9のURL'>");
else { document.write("<img src='画像10のURL'>");
}}}}}}}}
}
//-->
</script>


▲参考▼ 上記では架け替えのキッカケに「乱数」を使っています。「日付」や「時刻」をキッカケにするなど、色んな工夫が可能です。


スポンサーサイト
タグ: blog  カスタマイズ  customize 
weblog  /  tb: 0  /  cm: 0  /  △top

コメントの投稿

Secret

△top

この記事に対するコメント

△top

トラックバック

トラックバックURL
→http://baysky.blog1.fc2.com/tb.php/622-54bef186
この記事にトラックバックする(FC2ブログユーザー)

△top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。