Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] migajacy obrazek
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
followc
  1. <img id="fruit" src="fruito.png" usemap="#Map" border="0">
  2. <img id="cit" src="cit.png">
  3.  
  4. <a href="#"><p id="p_omnie">O MNIE</p></a>
  5. <p id="p_portfolio">PORTFOLIO</p>
  6. <p id="p_kontakt">KONTAKT</p>
  7.  
  8. <map name="Map" id="Map">
  9. <area id="gunwo" shape="poly" coords="115,178, 355,270, 355,310, 220, 300, 84,265" href="http://www.google.pl" title="gunwo"/>
  10. </map>


  1. $(document).ready(function(){
  2.  
  3. $('#cit').hide();
  4. $('#gunwo,#p_omnie').hover(function(){
  5. $('#cit').fadeIn(1000);
  6. });
  7.  
  8. $('#gunwo, #p_omnie').mouseout(function(){
  9. $('#cit').fadeOut(1000);
  10. });
  11. });



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?questionmark.gif
Turson
Po najechaniu mouseover pokaż, po mouseout ukryj


#edit,
nie zauważyłem, że tak jest
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
  1. #fruit{
  2. width: 30%;
  3. position:absolute;
  4. left:35%;
  5. top: 10%;
  6. }
  7.  
  8. #cit{
  9. width: 30%;
  10. position:absolute;
  11. left:36%;
  12. top: 7%;
  13. }


#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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.