Podstrony
- telcocafe
- Pomoc w photoshopie !!!!!!! Nie wiem jak "zlać" 2 obrazki....
- [mod_rewrite] Adres Z '/' I Bez '/' nie działają obrazki
- [php] Zapis obrazka klienta na serwerze Jak zapisać obrazek klienta na serwerze?
- [JS] Zamina obrazka w js
- Ładowanie obrazków w IE od nowa i od nowa... :/
- [CSS] znów obrazki w css
- [php]Miniatury dl dużych obrazków z php
- Ramka do obrazka, jak ? HELP! proszę o pomoc!
- [css/html]Odstęp między obrazkami w css
- Podśiwetlenie obrazku W funkcji 'mapa'
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- rafalsal.opx.pl
telcocafe
Witam, tak się zastanawaiam i nic nie przychodzi mi do głowy. Czy możecie mi powiedzieć jak mam zrobić take menu kiedy najeżdzam na obrazek będący linkiem to wyświetla się inny nieco odmieniony. No a po kliknięciu na niego otwiera się jeszcze jakiś innyUżywając JS:
<img src="plik.jpg" onclick="this.src='plik2.jpg'" onmouseover="this.src='plik3.jpg'" onmouseout="this.src='plik4.jpg'" />
Można też z użyć CSS.
a:link { background: url('plik.jpg') fixed no-repeat; } a:hover { background: url('plik2.jpg') fixed no-repeat; } a:active { background: url('plik3.jpg') fixed no-repeat; }
Jest jeden drobny problem z powyższymi rozwiązaniami.
Obrazek jest pobierany w momencie najechania na odnośnik.
Lepiej jest zastosować poniższy skrypt który sprawi że obrazek zostanie załadowany razem ze stroną.
<HTML> <HEAD> <TITLE>Test Obrazków</TITLE> <script LANGUAGE=Javascript> <!-- if (document.images) { czarnaStrzalka = new Image szaraStrzalka = new Image czarnaStrzalka.src = 'czarnaStrzalka.gif' szaraStrzalka.src = 'szaraStrzalka.gif' } else { czarnaStrzalka="" szaraStrzalka="" document.strzalka="" } // --> </SCRIPT> </HEAD> <BODY BGCOLOR="WHITE"> <A HREF="kolejny.html" onmouseover="document.strzalka.src = czarnaStrzalka.src" onmouseout="document.strzalka.src = szaraStrzalka.src"> <H1>Kolejna strona</H1> </A> <IMG SRC="szaraStrzalka.gif" WIDTH="147" HEIGHT="82" BORDER="0" NAME="strzalka"> </BODY> </HTML>
To się rollover zwie ;)
Podaje coś, co może się przydać:
http://en.wikipedia....28web_design%29
http://riddle.jogger...rollover-w-css/