クリッカブル画像(IMGの)それの上に変更するには、マウスのアイコンを必要とします

StackOverflow https://stackoverflow.com/questions/1055544

  •  20-08-2019
  •  | 
  •  

質問

私はクリックできているJavaScript関数を呼び出す私のhtmlページ内の画像を...彼らはクリック可能な見ていないとして、しかし、誰もがそれらをクリックされていない...どのように私は彼らがクリック可能な使用せずに行うことができます< href = "" その周り> のタグ?

ここでは、私のコードの例です...

<div id="bvu11" style="margin: 0px 5px; float: left;">
     <span id="bviu11">
     <img src="/images/icons/favorites_add.png" onclick="favoritesAdd(2,11,'u')">
     </span>
</div>
役に立ちましたか?

解決

CSSを使用した

あなたのイメージにクラスを追加します(例:クリッカブル・イメージ)と、これはあなたのCSSでます:

.clickable-image
{
    cursor: pointer;
}

他のヒント

のCSSを見てくださいカーソルのプロパティ

<span id="bviu11" style="cursor: pointer;">

と同様に、カーソル追加:ポインタを、おそらくあなたのイメージ/ボタンにはいくつかのスタイリングは、ユーザーがさえその上にカーソルを移動しなければならない前に、リンクのように見えるになるだろう。彼らはより多くの「クリック可能」見えるように、それらをより多くの3D効果を与えるために、画像上のシンプルボーダー、またはドロップシャドウ/輝きをお試しください!また、ホバー状態(画像/ボタンに異なるスタイルを)加えることは本当に助けます。

変更

<div id="bvu11" style="margin: 0px 5px; float: left;">

タグに
<div id="bvu11" class="spanLink">

追加
.spanLink {
   margin: 0px 5px; 
   float: left;
   cursor: pointer;
}

あなたのCSSへ。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top