解決済
画像に変化をつけたいです。
3枚の画像をオンマウスのように変化させたいのですがオンマウスだと2枚の画像でけしかないですか？
3枚になるとフラッシュを使わないとできませんか？
フラッシュはソフトがないと作れませんか？
回答(1)
2.
ライブドアブログに載せる方法です。
投稿にはシンプルエディタを使い、記事本文を入力する前に【さらに詳しく設定する】をクリックして投稿フォームの設定を「改行しても反映しない」に変更しておきます。
本文エリアに以下をコピペします。
<script type="text/javascript">
<!--
var n=0;
var ss_pic=new Array();
for (i=0; i<=2; i++){
ss_pic[i]=new Image();
}
ss_pic[0].src="1枚目の画像のURL";
ss_pic[1].src="2枚目の画像のURL";
ss_pic[2].src="3枚目の画像のURL";
function sshow(){
if (n==2){ n=0;}
else { n++;}
document.ssscreen.src=ss_pic[n].src;
}
// -->
</script>
<img src="1枚目の画像のURL" name="ssscreen" id="ssscreen" onMouseover="sshow()">
・"〇枚目の画像のURL" を表示させたい画像のURLに書きかえてください。・この記事は「改行しても反映しない」に設定されていますので、本文中に改行を入れたい場合はその都度
<br>と入力してください。
mannendoco_life
参考サイト
【画像のロールオーバー -基礎編】
http://www004.upp.so-net.ne.jp/ki_ng/js_labo/jmd_r...
ご丁寧にありがとうございました。
とても助かりました！
コメント(10)
「オンマウスのように」というのがちょっとよくわかりませんが…
例えば画像を２枚用意しておいて
画像１の上にマウスを置くと画像２に切り替わり、マウスを離すと再び画像１に戻る、というものでしょうか。
これはつまりマウスを画像の上に置いている間だけ画像が切り替わる、というものなので
画像を３枚使った場合具体的にどのような処理にしたいのかはわかりませんが…
試しにこんなの作ってみました
http://mannendoco.yakiuchi.com/sample/rollover_tes...
画像にマウスを置く・離すを繰り返すと画像が切り替わります。
これでよろしければ回答しますけど。。
もし時間によって変化するパラパラアニメ(アニメGIF)みたいのならGiamとかで簡単に作れますけど。
http://homepage3.nifty.com/furumizo/
「オンマウス」の部分の詳細がわかれば回答しやすいかも。なお、フラッシュはソフトないと作れないですね。(というか普通の画像も何らかのソフトは必要ですけど)
すみません。
私の説明不足がありました。そんな中答えていただけてありがとうございます。
万年床生活者さん、そのように画像が切り替わるのはどうやって作るのですか？
そしてそれをブログに載せたいです。
まじかる☆スフィーさん、すみません。私の説明不足でしたね。
上手く説明できず、すみません。
お答えありがとうございます。
そこのページにいってみます！
やっぱりフラッシュはソフトがないと無理ですよね。
すみません。どうもありがとうございました！
すみません。
かぶったので消しました。
＞ﾓﾆｭ?
回答したけど同じような内容だったので削除しました。
＞ﾓﾆｭ
お構いなく～
