JavaScript Najedź kursorem na widoczną część obrazu PNG

Czy istnieje sposób sprawdzenia, czy mysz znajduje się nad widoczną częścią obrazu PNG?JavaScript Najedź kursorem na widoczną część obrazu PNG

Każda sekcja jest jego własny obraz z przezroczystym tłem, takich jak:

Więc zasadniczo chcę krycie każdego regionu będzie 1, gdy jest on unosił i nieprzejrzystości być 0,5, gdy się na nim nie kręci. Dzięki temu użytkownik może zobaczyć, nad którym regionem się znajduje.

Czy istnieje coś takiego jak onmouseover jeśli pozycja myszy na obrazek! = Przezroczysty potem ...

Źródło

2015-10-28 Friedpanseller

Nie ma sposobu, aby to zrobić za pomocą zwykłego PNG - zdarzenie aktywowanych jest wystrzelony na obraz jako całość, a nie nieprzezroczyste obszary. Używanie SVG najlepiej pasuje do tego, czego potrzebujesz. Możesz również użyć mapy obrazu, ale to jest bardzo przestarzałe. –

Wypróbuj mapę obrazu! www.image-maps.com/ Spójrz na www.galerijaziema.lv/ziema.php – Kristine

Hej Rory! Jeśli mam wersje obrazów SVG, w jaki sposób mogę je uruchomić? Mogę przekonwertować je wszystkie SVG w Illustrator – Friedpanseller

Wystarczy popatrzeć na http://www.w3schools.com/tags/tag_area.asp

Możesz wziąć obraz i dostaniesz sznury dla każdego poli za pomocą jakiś obraz narzędzie takie jak photoshop itp. i można obsłużyć każde zdarzenie najeżdżania dla określonego regionu w znaczniku obszaru dla obrazu.

Po prostu jest łatwy w użyciu i umożliwia tworzenie klikalnych map.

Źródło

2015-10-28 14:09:13

Użyłem linku Kirstine www.image-maps.com, aby uzyskać wszystkie współrzędne, a następnie użyć znacznika obszaru mapy do wyznaczenia regionu! Dzięki! – Friedpanseller

Take specific image in two copy.one before href link and next next href link images.. 


<script type='text/javascript'> 
    $(document).ready(function() 
     { 
    $(".button").hover(function() 
     { 
    $(this).attr("src","button-hover.png"); 
     }, 
    function() 
    { 
    $(this).attr("src","button.png"); 
    } 
    ); 
    } 
); 
</script> 

<body> 
<img src="button.png" alt="My button" class="button" /> 
</body> 
</html>

Źródło

2015-10-28 14:13:50

nie będzie ognia .hover, gdy mysz wchodzi w obszary przezroczyste? – Friedpanseller

To jest programowalny w HTML5, bez jakichkolwiek narzędzi lub ręcznie zbudować coords <mapa> < obszar kształt = poli = "325,25,262, .... >

Załaduj warstwy do wiele ukrytych płócien:
monitorować pozycję względną podstawowego obrazu kursora myszy
sprawdzić, czy ten sam piksel w zależności od przesunięcia pozycji jest biały lub nie jest biały na każdym płótnie
przełącznik krycie odpowiednio

kwestionuje

wydajność
również wspierać dotyk i unoszą mniej urządzeń

Źródło

2015-10-28 14:34:07

To wydaje się interesującą drogą. Czy możesz napisać jakiś kod, żeby zacząć? – Friedpanseller

JavaScript Najedź kursorem na widoczną część obrazu PNG

Odpowiedz

Powiązane problemy