Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
JS zmiana obrazka po najechaniu
#1
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
Odpowiedz
#2
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
Odpowiedz
#3
YYy... Możesz to samo zrobić jako hover? Smile
Odpowiedz
#4
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
Odpowiedz
#5
własnie nie chce tego robic w css bo zamula w css
Odpowiedz
#6
Przecież zapodałem gotowca w JS
Odpowiedz
#7
Dzięki Dombas skorzystam z tego
noo dzięki
Odpowiedz
#8
mi to nie działa w js Sad co podałeś
Odpowiedz
#9
Ale po co Ci JS? JS jest setki razy wolniejszy niż CSS...
Odpowiedz
#10
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
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  [CSS] Presta 1.7 zmiana w pliku css ?DsxSoft 0 2,137 07-02-2019, 15:29
Ostatni post: ?DsxSoft
  Zmiana obrazka po najechaniu / Efekt rollover JS manoa 0 4,700 06-12-2018, 18:46
Ostatni post: manoa
  Zmiana sposobu rozwijania + podmiana obrazka arkadiio 7 7,197 23-03-2015, 03:52
Ostatni post: arkadiio
  wyśrodkowanie obrazka discoratka 4 4,520 23-08-2013, 03:29
Ostatni post: Kartofelek
  Zmiana obrazka, oraz opisu pod nim po kliknięciu Olsz4k 12 12,820 28-07-2013, 20:10
Ostatni post: Olsz4k

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl