+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Zmiana obrazka po najechaniu / Efekt rollover JS (/thread-zmiana-obrazka-po-najechaniu-efekt-rollover-js)
Zmiana obrazka po najechaniu / Efekt rollover JS - manoa - 06-12-2018
Witam, mam problem z funkcją zmiany obrazka mam poniższy kod :
Kod:
<img src="ORYGINAL.jpg" onmouseover="this.src = '2.png'" onmouseout="this.src = '1.png'" class="zoomPhoto">Klasa zoomPhoto powiększa dane zdjęcie, i bez wpisów over i out wyświetla się miniaturka pliku ORYGINAL, po kliknięciu zdjęcie się powiększa. Teraz po dodaniu wpisów rollover działa to tak że po załadowaniu strony wyświetla się miniaturka pliku ORYGINAL, a po najechaniu grafika 2.png a po zjechaniu kursorem grafika 1.png a zależy mi na tym żeby odrazu po załadowaniu strony wyświetlał się plik 1.png a nie dopiero jak się najedzie i opuści myszką, tylko domyślnie jako miniaturka startowa a nie tak jak teraz miniaturka pliku ORYGINAL.