すでにhrefタグがある場合、イメージにリンクを張るにはどうしたらいいですか？

Question

jQueryを使用して画像のタブ行を作成しています。画像の上にマウスを置くと、異なるものが表示されます。

しかし、ユーザーと話した後、多くのユーザーが画像をクリックしようとしています。私はイメージの前に別のhrefタグを追加しようとしましたが、それはホバー効果を破ります。

アイデア？以下は既存のコードです。

<li> 
    <a href="#tabs-1"><img src=media/home/Sales.png id="circleleft"></a> 
</li> 
<li> 
    <a href="#tabs-2"><img src=media/home/Integration.png id="circlecenterleft"></a> 
</li> 
<li> 
    <a href="#tabs-3"><img src=media/home/Sales1.png id="circlecenterright"></a> 
</li> 
<li> 
    <a href="#tabs-4"><img src=media/home/Blog.png id="circleright"></a> 
</li> 

Answer 1

かなり標準ではありませんが、あなたがしたい場合はページをリダイレクトする機能を起動後、画像のラッパーであるあなたの<li>にonClickを追加することができます。あなたの<a>タグはまだ良い賭けであるが、これは

<li onclick="myFunction()">Click me</li> 

function myFunction() { 
    location.assign("http://www.mozilla.org"); 
} 

またはあなたのJSをあるjQueryの道

$("#target").click(function() { 
    alert("Handler for .click() called."); 
});