2012-03-12 10 views
0

次の問題があります。私はこの例のようなチームページを持っています:http://www.social-markets.de/social-commerce-team.html小さなサークルのチーム写真をjQuery経由で追加したいPNG透明なMouseHover PNG画像の下に小さな円のピンクの円があります。誰かアイデアを持っていますか?jQuery PNG transparent MouseHover

+0

あなたが一番上にある大きな円のようにそれを行うことはできませんなぜ?特別な理由がある場合は、より良い回答を得るために指定してください – bPratik

+0

別の提案 円形画像のコピーを1つだけ作成することもできます(一度に1つの画像にしか表示されないため) 次に、画像上に置かれた画像のオフセットを設定することができます。 –

答えて

0

追加情報をCSS(display:none)で非表示にして、ホバーで切り替えます。以下のようなSTH:

$('.elementWithExtra').hover(function(){ 
$(this).children('.extra').toggle(); 
}, function(){ 
$(this).children('.extra').toggle(); 
}); 

参照:http://api.jquery.com/hover/http://api.jquery.com/toggle/

0
$(".imgDiv").mouseover(function(){ 
    $(this).children(".hiddenImgDiv").show(); 
}).mouseout(function(){ 
    $(this).children(".hiddenImgDiv").hide(); 
}); 
+0

IDの代わりにクラスを使用する必要があります。また、 'mouseover'と' mouseout'は大文字にしません。 – m90

+0

私は思っていません同じIDを持つ子を持つことが問題になるでしょう –

+0

同じIDを持つ複数の要素を持つことは常に問題になります」タイプIDの属性を特別にするのは、同じ値を持つ;どのようなドキュメント言語であっても、ID属性を使用してその要素を一意に識別します。 " - > http://www.w3.org/TR/CSS2/selector.html#id-selectors – m90