スポンサーサイト

 

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

がちゃがちゃ。

 

今回はJavaScriptを使用しています。
まず、表示するページと同じ階層に「img」というフォルダを作ってすべての画像を入れておきます(画像名は変更しないでください)。そして以下の文を置きたい場所に入れます。


<script Language="JavaScript">
<!--
function swImg(cororin,str)
{
imgSrc = str;
if (!str) imgSrc = "img/gacha"+Math.floor(Math.random()*12 + 1)+".gif";
document.cororin.src = imgSrc;
}
// -->
</script>
<a href="JavaScript:swImg('cororin')">
<img src="img/gacha.gif" name="cororin" border="0">
</a>


JavaScriptは「JavaScript例文活用辞典」の、「クリックすると画像を入れ替える」と「マウスが重なったら、その下の画像をランダムに切り替える」を参考にしました。




ブログに設置の方へ(06/02/06)

↑上のは、ソースをそのまま利用していただく場合のことで、「うちのブログではimgフォルダを別に作ったりできないよ」という方は、もちろんそれ以外の場所(置ける場所)にgifを置いてもらってもかまいません。その場合は
JavaScriptの6行目を
---

if (!str) imgSrc = "httpから始まるimgを入れてあるフォルダのURL/gacha"+Math.floor(Math.random()*12 + 1)+".gif";

---
↑このように、ご自分の環境に合わせて書き直してください。
それと表示の方も同じように
---

<a href="JavaScript:swImg('cororin')">
<img src="httpから始まるimgを入れてあるフォルダのURL/gacha.gif" name="cororin" border="0">
</a>

---
とします。

設置の際は、ブログの設定を書き変える前に、!必ずバックアップをとってから!書き込むことをおススメします。バックアップを怠って「ブログがおかしくなった!」てなことがあっても、当方はいっさい関知いたしません。


画像数のこと (06/03/21)

表示させる画像数を変更する場合は

if (!str) imgSrc = "img/gacha"+Math.floor(Math.random()*12 + 1)+".gif";

の行の「12」のところを換えます。つまり、このがちゃがちゃは12種類あるから「12」です。たとえば「4種類でいいや」という方は「...*4 + 1)...」なんて風に換えていただけば結構です。




yumiyumi ☆★心情雜貨舖★☆

yumiyumi ☆★心情雜貨舖★☆のYumiさん、仙女裝可愛のKumiさんのお二人が、この投稿を中国語に翻訳して、さらに広く公開してくださいました!
世界に広げよう、がちゃがちゃの輪♪(笑)
Yumi and Kumi translated to my post into Chinese. Check it out!
感謝!YumiさんKumiさん~(^^)/

MENU
リンク



Click Me!


↑これのパーツはこちら

プロフィール

ゆんご

管理人:ゆんご
.*・゜ドット絵好き .*・。

メールフォーム

名前:
メール:
件名:
本文:

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