htmlたぐについて教えてください

質問

ホームページで画像をクリックしたときにリンと同時にクリックした画像が動く（揺れるとかバウンドするとか回転するなど）ようにするためのHTMLタグの書き方を教えてください。

回答No.3

BlurFiltan

＃２の方の書かれていらっしゃるように Flash が一番だと思いますが。

Flash を使わないとすると...，
私だと，クリックした画像を他の画像にすり替えると思います。

「オンクリック画像-HTMLタグ素材集」
http://copicopi.com/onclickpic.html
→　オンクリック画像６
　　(クリックすると画像変更)

「JavaScript サンプル：『画像クリックで画像を変更させてみる』」
http://www.bsc-j.com/~moritake/oboegaki/h_js_smp083.html

教えて！goo
「QNo.3626201 クリックして変更した画像を他の画像をクリックしたとき戻すには？」
http://oshiete1.goo.ne.jp/qa3626201.html

つまり，
他の画像にすり替える部分のみに HTML や JavaScript を使います。

そして，
すり替える画像として,
動く（揺れるとかバウンドするとか回転するなどの）GIFアニメを作成しておいて，
その GIF アニメ画像にすり替え変更します。

この方法でしたら難しいプログラミングなどなしで，
揺れるとかバウンドするとか回転するなどがかなり自由に表現できます。

「あいるうむ－GIFアニメを作ろう(3)」
http://airuumu.yu-yake.com/gif_animation/gif_animation-2.html

「窓の杜 - 「回転くん」」
http://www.forest.impress.co.jp/article/1999/11/29/kaitenkun.html

「GIFアニメロゴの製作」
http://homepage2.nifty.com/okshp/presen_reserch/presen_giflogo.html

その他色々
「GIF アニメ大学校」
http://www16.plala.or.jp/kiitoksia/

回答No.2

SAYKA

No1の言っているのはほんの一部しか実現できないよ。
(あと「Java Script」じゃなくて「JavaScript」ね(空白を付けない。付けると別物)

質問者が聞いてるうちで「揺れる」「バウンド」は確かにjavascriptでもできるけど「回転」はそれでは実現できない。
なので恐らく質問者が聞いているのは「FLASH」によるコンテンツを自分でも実現したいという話だと思うよ。

「FLASH」で探してごらん。とりあえずそれはHTMLではないから。

お礼

ありがとうございます。
勉強不足なもので。。。。
揺れるでやってみたいのでJavaScriptとhtmlでサンプルがあれば教えてください

補足

ありがとうございます。
勉強不足なもので。。。。
揺れるでやってみたいのでJavaScriptとhtmlでサンプルがあれば教えてください

回答No.1

kikutoma

それはタグではかけません。
そういう動作をさせるには、『Java　Script』という言語を
勉強しなければいけないです。

HTMLはあくまでも、表示させるだけかメインです。
アクションは他のものを一枚噛ませてるという感じです。

お礼

ありがとうございます。
勉強不足なもので。。。。
揺れるでやってみたいのでJavaScriptとhtmlでサンプルがあれば教えてください