名付けて、マウスオン&アウト&クリック

2006-09-05 | 庭模様

下の写真を見ると{な~んだこうなっているのか}と直ぐに分かったことでしょう。

クリックチェンジのタグ<a href="①"><IMG SRC="★" border="0"></a>
マウスオン&オウトのタグ<IMG SRC="②"onmouseover="this.src='③'"onmouseout="this.src='②'">


クリックチェンジのIMG SRC="★"にマウスオン&オウトのタグを入れると下のような写真の1/4のタグになります。

<a href="①"><IMG SRC="②"onmouseover="this.src='③'"onmouseout="this.src='②'" border="0"></a>
  *全角の・<・は、半角の・<・に変えてください。
上のタグをコピーして2回貼付でを並べ、次は改行して2回貼付で並べます。前の記事のランタナ全体の写真になります。写真は、12枚用意してね。

マウスオン&アウト&クリックしてね。


②と③は、同じサイズにすること。

(マウスオーバーの写真③を、大きくしたらどうなるかは、自分で実験してみてね。)
①の写真は、クリックしたら現れる前向きの犬の写真
写真のサイズは、大きくしてアップロードするとおもしろいよ。

②の写真は、ランタナの(左上)です。もとの写真を520にリサイズします。写真の真ん中で260に切り取ってアップロード(1/4ずつに切り取るのです。)*座標切り取りをするとバッチリです。

③の写真のアゲハ蝶は、260にリサイズしてアップロード

タグを書いてみました。
<a href="①"><IMG SRC="②"onmouseover="this.src='③'"onmouseout="this.src='②'" border="0"></a>
<a href="④"><IMG SRC="⑤"onmouseover="this.src='⑥'"onmouseout="this.src='⑤'" border="0"></a>

<a href="⑦"><IMG SRC="⑧"onmouseover="this.src='⑨'"onmouseout="this.src='⑧'" border="0"></a>
<a href="⑩"><IMG SRC="⑪"onmouseover="this.src='⑫'"onmouseout="this.src='⑪'" border="0"></a>

全角の・<・は、半角の・<・に変えてください。すべて改行しているように見えますが、黒・赤を並べて、改行して緑・青と並べます。


最新の画像もっと見る

6 コメント

コメント日が  古い順  |   新しい順
 (あきこさん)
2006-09-05 22:40:41
すごい!

完全にマスターして、お仲間をびっくりさせてしまいたいです。

完成できたら、楽しいですね。

ありがとうございます。
返信する
こんにちは~ (みーこ)
2006-09-06 12:34:02
こんにちは~♪



日々進化!頑張っていますね

此方もいい感じで

刺激を戴いています~



いつかは挑戦してみたい!かな?

PCはまったく苦手な人種で

手取り足取りなら・・・

甘ったれなんでしょうね~(笑)

息子にいつも叱られっぱなし

そんなひと時がとても楽しくて・・・・

困ったおばさんです~(笑)

いつもコピーさせてもらっています
返信する
な~るほど…でした。 (Lilac)
2006-09-06 18:15:54
1/4ずつ切り取ってたんですね。

1枚の写真なのに…と思ってたけど

分かってみるとなーるほどでした。

うまくきっちりと合うものですね。

種明かし、おもしろかったです。

また使わせてもらいますね!



毎回、変化があって楽しいです。

私もまた頑張ろっと!のーんびりだけどね。(笑)
返信する
こんばんは (kiri)
2006-09-06 21:29:37
あきこさんへ

ありがとうございます。ぜひ、これの記事を載せてくださね。説明がへたなので、分からないことは、何でも聞いてください。



み~こさんへ

息子さんがいらっしゃるのですね。

分かります。分かります。息子には、叱られても嬉しいですよね。同感! 私は、それに親ばかです。



苦手だったPCもこれを始めて少しは、分かるようになってきました。遊びながらPCをマスターできて、その上に仕事にも役にたつし、楽しいし、一石三鳥かな?





Lilacさんへ

前のコメントに書いたように、Lilacさんの百日紅の記事がヒントになりました。

今度は、またバ~ジョンアップ版を期待していますよ。



お互い無理をしないで、マイペースで頑張りましょうね。なかなか追いつけないけどな~



         
返信する
こんにちは (Sakura)
2006-09-07 15:43:21
kiriさん いろいろも試みられていますね。

暫く画面で遊んでいました。

テキスト面でタグを書く時、うっかり書くと実行されてしまって…かといってHTMLで書くのは面倒だし…

たまには、アップするとタグが消えたり…

ついシンプルになってしまいます。



涼しくなりましたね。

返信する
Sukuraさんへ (kiri)
2006-09-07 21:41:19
暫くご無沙汰しておりました。

このように遊んでいます。教えての声が嬉しくて、私でできることならと披露している次第です。タグが消えていますか?何しろ思考錯誤です。お聞きしたまま中途半端になっているのがたくさんあります。いろいろ教えてください。また、お邪魔いたします。



きょうは、訪問ほんとにありがとうございました。励みになります。



ほんと涼しくなりました。、
返信する

コメントを投稿

ブログ作成者から承認されるまでコメントは反映されません。