1.画像上のイメージツールバーの非表示 |
写真画像の上にマウスを移動すると左上にのようなイメージツールバーが表示されます。
これは画像の上でマウスの右クリックしたときと同じ内容です
時によっては素晴らしい写真が、このイメージツールバーのために見苦しくなります
このイメージツールバーを非表示にする方法が下記の通りです
下記の写真の上にマウスを置いて試して下さい
なお、これは Internet Explorer 6.0 で閲覧する場合に生じる現象です
|
|
イメージツールバー表示
<IMG src="photo_01.jpg" width="320"
height="213" border="0"> |
|
イメージツールバー非表示
<IMG src="photo_01.jpg" width="320"
height="213" galleryimg="no" border="0"> |
|
イメージツールバー表示
<IMG src="photo_01.jpg" width="320"
height="213" galleryimg="yes" border="0">
ディフォルトの状態では
gallery="yes"です |
なお、下記のように記述すると一括非表示となる
<META http-equiv="imagetoolbar" content="no"> |
|
2.リンクを押した時に周りに枠線が出るのを防ぐ方法(1) |
テキストにリンクを設定した場合、リンク文字の周りに枠線(点線で)が表示されます
空白部分でマウスの左ボタンをクリックすると消えてしまいますが・・・
下記のリンク文字の部分をクリックすると確認できます
<A タグの中に onfocus="this.blur()" を記入することによって枠線を消去できます
枠線の表示あり |
<A href="sample.html" target="_blank"> |
枠線の表示なし |
<A href="sample.html" target="_blank" onfocus="this.blur()"> |
sample.html は0.5秒後自動的に閉じられます
下記のページに詳しく説明してありました
出典 リンクを押した時に周りに枠線が出るのを防ぐ
|
3.リンクを押した時に周りに枠線が出るのを防ぐ方法(2) |
この方法を「イメージマップ」に適用します
この方法は一般には地図等で画面上にて案内する場合に利用されます
Newsのボタン 枠線は表示されません
<AREA shape="circle" coords="239,40,34" href="sample.html"
target="_blank" onfocus="this.blur()">
Linkのボタン 枠線が表示されます
<AREA shape="rect" coords="18,132,99,198" href="sample.html"
target="_blank">
|
それぞれのボタンをクリックすると確認できます |
|