Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
JS zmiana obrazka po najechaniu - Wersja do druku

+- 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: JS zmiana obrazka po najechaniu (/thread-js-zmiana-obrazka-po-najechaniu)

Strony: 1 2

JS zmiana obrazka po najechaniu - Leja - 13-07-2009

Cześć! Mam do was sprawę jak byście pomogli mi zrobić w JS że po najechaniu na obrazek obrazka zmieni się obrazek proszę o pomoc dzięki Wink Jakiś skrypt gotowy albo coś Z góry dzięki Wink

RE: JS zmiana obrazka po najechaniu - Dombas - 13-07-2009

To w ramach HEAD:
Ładujesz w ten sposób obrazki do pamięci podręcznej (nie ma efektu ładowania obrazka po najechaniu, tylko od razu leci podmianka)
<script language="javascript">
<!--
INDEXa = new Image(228,64)
INDEXa.src = 'images/but01.jpg'
INDEXb = new Image(228,64)
INDEXb.src = 'images/but01p.jpg'
CENNIKa = new Image(113,64)
CENNIKa.src = 'images/but02.jpg'
CENNIKb = new Image(113,64)
CENNIKb.src = 'images/but02b.jpg'
itd.
-->
A to w BODY (w miejscu gdzie umieszczasz obrazki):

<a href="index.htm"
onMouseOver="document.index.src=INDEXb.src" onMouseOut="document.index.src=INDEXa.src"><img src="images/but02.jpg" border="0" name="index" width="228" height="64"></a>
<a href="cennik.htm"
onMouseOver="document.cennik.src=CENNIKb.src" onMouseOut="document.cennik.src=CENNIKa.src"><img src="images/but02.jpg" border="0" name="cennik" width="113" height="64"></a>

Teoretycznie będzie działać i bez tego wpisu w ramach HEAD, ale bezpieczniej będzie Ci załadować obrazki do pamięci Wink
--
Pozdrawiam
Łukasz

RE: JS zmiana obrazka po najechaniu - KowR - 13-07-2009

YYy... Możesz to samo zrobić jako hover? Smile

RE: JS zmiana obrazka po najechaniu - Labsta.com - 13-07-2009

Może powiedz do czego Ci to potrzebne, bo jeśli to coś prostego to, tak jak mówi rodi, starczy Ci hover: http://websta.pl/szybkie-triki/szybkitrik-obrazek-z-efektem-hover-rollover-w-css

RE: JS zmiana obrazka po najechaniu - Leja - 13-07-2009

własnie nie chce tego robic w css bo zamula w css

RE: JS zmiana obrazka po najechaniu - Dombas - 13-07-2009

Przecież zapodałem gotowca w JS

RE: JS zmiana obrazka po najechaniu - Leja - 13-07-2009

Dzięki Dombas skorzystam z tego
noo dzięki

RE: JS zmiana obrazka po najechaniu - Leja - 14-07-2009

mi to nie działa w js Sad co podałeś

RE: JS zmiana obrazka po najechaniu - Sajam - 14-07-2009

Ale po co Ci JS? JS jest setki razy wolniejszy niż CSS...

RE: JS zmiana obrazka po najechaniu - Leja - 14-07-2009

uzyłem coś takiego
Kod:
<a href="#"><img src="img/home.jpg" alt="Tekst alternatywny" border="0" onmouseover="this.src = 'img/home2.jpg'" onmouseout="this.src = 'img/home.jpg'" onmousedown="this.src = 'img/home.jpg'" onmouseup="img/home.jpg'" /></a>

a jak klikam w link to jest coś takiego[Obrazek: 70yniw.jpg]
chodzi mi o tą czerwona linie prostokącik co jest jak sie klika w link mozna to usunąć nie chce temmatu zakładać nowe dzięki