[jQuery] migajacy obrazek Opcje

[followc]

[HTML] pobierz, plaintext 
<img id="fruit" src="fruito.png" usemap="#Map" border="0">
<img id="cit" src="cit.png">
 
 <a href="#"><p id="p_omnie">O MNIE</p></a>
 <p id="p_portfolio">PORTFOLIO</p>
 <p id="p_kontakt">KONTAKT</p>
 
 <map name="Map" id="Map">
	<area id="gunwo" shape="poly" coords="115,178, 355,270, 355,310, 220, 300, 84,265"  href="http://www.google.pl" title="gunwo"/>
 </map>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
$(document).ready(function(){
 
	$('#cit').hide();	
	$('#gunwo,#p_omnie').hover(function(){
		$('#cit').fadeIn(1000);
	});
 
	$('#gunwo, #p_omnie').mouseout(function(){
		$('#cit').fadeOut(1000);
	});
});
[HTML] pobierz, plaintext 

witam, kompletnie nie moge sobie poradzic z problemem 'migajacego obrazka' po najechaniu na dany obszar mysza, zamiast, jak probuje zrobic, po prostu pojawiajacego sie po najechaniu i znikajacego po ucieknieciu z #gunwo/#p_omnie. probowalem wszelkich kombinacji hover, mouseenter, mouseover, mouseout, mouseleave... i nic. osochdzodzi?

Ten post edytował followc 29.03.2014, 13:51:55

[Turson]

Po najechaniu mouseover pokaż, po mouseout ukryj


#edit,
nie zauważyłem, że tak jest

Ten post edytował Turson 29.03.2014, 14:34:10

[followc]

tak tez oczywiscie jest, ale problem jest w tym, ze #cit pojawia sie(i takma byc) na miejscu obszaru #gunwo i to w jakis sposob ze soba koliduje

[trueblue]

Bez css i obrazków trudno wnioskować.

[followc]

[HTML] pobierz, plaintext 
#fruit{
	width: 30%;
	position:absolute;
	left:35%;
	top: 10%;
}
 
#cit{
	width: 30%;
	position:absolute;
	left:36%;
	top: 7%;
}
[HTML] pobierz, plaintext 

#cit PRAWIE pokrywa sie z obszarem #gunwo

[trueblue]

Naturalnym jest, że jeśli po najechaniu myszą zaczyna się pojawiać #cit, to automatycznie pociąga to za sobą zdarzenie mouseout na #gunwo.