それぞれのブラウザで(1)から(3)の ボタンでオブジェクトが回転するか実験してもらいました。
○:ボタン有効(回転する)、×:ボタン無効(回転しない)
___ |
IE5.0 |
IE6.0 |
NN4.5 |
NN4.7 |
NN7.0 |
MAC IE5 |
(1) |
○ |
○ |
○ |
○ |
○ |
○ |
(2) |
○ |
○ |
○ |
○ |
○ |
○ |
(3) |
○ |
○ |
× |
× |
○ |
○ |
(4) |
○ |
○ |
○ |
○ |
○ |
○ |
結果から見てイメージボタンの記述には、(3)のような記述は避けた方が良いでしょう。
立川さん、貴重なご意見ありがとうございます。石川さんご協力ありがとうございます。
(1)の方法に問題がありました。
アンカーが無い(href="#")ので、実行するとページ先頭に移動してしまいます。
対策として、自分自身にアンカーを置き、そこにリンクするよう改善しました。(アンカーの置き場所は工夫すること)
このことから、(2)の方法が一番安全でしょう。(参考:類似の方法として、(4)を追加しました。)
(1)
:<a href = "#here" name="here" onClick = "StartRotation()"><img src="rotation.gif"></a>
(2)
:<a href="javascript:StartRotation()"><img src="rotation.gif"></a>
(3)
:<img src="rotation.gif" onClick="StartRotation()">
(4)
:<a href="javascript: void 0" onClick = "StartRotation()"><img src="rotation.gif"></a>