ďťż

Po najechaniu na link pokazuje sie obrazek - jak to zrobić?

       

Podstrony


telcocafe

Witajcie.

Jak stworzyć taki skrypt żeby po najechaniu na określony link pokazywał się wybrany obrazek tak jak na tej stronie :
http://www.dpreview....500d/page15.asp

Na stronie jak najezdzam na link ISO 100 to nad linkiem pokazuje się obrazek iso_100.jpg , jak najezdzam na link ISO 200 to w miejsce obrazka iso_100 pojawia sie obrazek iso_200.jpg itd.

Jak to zrobić.Prosiłbym o jakieś wsazówki lub prosty przykład.

Będę ogromnie wdzięczny za pomoc.

Pozdrawiam.



bodajże:
<img src="" alt="" id="obrazek"><button onclick="document.getElementById('obrazek').src = 'jakisobraz.jpg'">test</button>
pisane z pamięci, a w html już długo nie pisałem

Śliczne dzięki wht wszystko pięknie działa! A czy dałoby rade zrobić coś takiego baz java scriptu? Za pomocą tylko css'a ? Dla kilku obrazków naraz tak jak jest w linku http://www.dpreview....500d/page15.asp ?
Użytkownik slabykoder edytował ten post 14 wrzesień 2009, 21:27
bez javascriptu to niebardzo, a kilka na raz na tej stronie jest rozwiązane w taki sposób, że jest kilka tabel, ale tylko jedna jest widoczna (style="display: block;") a reszta ukrywana poprzez atrybut style="display: none;";

jeśli przeglądarka nie obsługuje skryptów (to są takie w użyciu?:>) to na tej stronie, którą podałeś nie wyświetlają się żadne obrazki i wykresy;



A z pomocą warstw w css nie dałoby rady tego zrobić?

pewnie i by się dało, ale wtedy musiałbyś zastosować atrybut position: absolute; aby nałożyć obrazki jeden na drugi; ja za tym atrybutem szczerze nie przepadam;

jeszcze pozostaje kwestia taka, że niektóre warstwy ładują się szybciej niż inne (np. grafika ma mniej kb, lub jest w pamięci podręcznej przeglądarki) zatem mogą być przez chwilkę widoczne te, których nie chcemy;

Mój przykład oparty na pozycjonowaniu względnym. Niestety nie zadziała on w IE starszym niż 7 (jest hack, który jednak używa Javascriptu, więc autorowi na nic się zda).

a dlaczego autor wątku nie chce używać JS?


Mój przykład oparty na pozycjonowaniu względnym. [...] a plik hover.htc w czym jest napisany?


a plik hover.htc w czym jest napisany?
jest hack, który jednak używa Javascriptu, więc autorowi na nic się zda
Użytkownik andrzej_aa edytował ten post 15 wrzesień 2009, 18:00
andrzej_aa jesteś genialny!O to właśnie mi chodziło!Mógłbyś jeszcze umieścić treść pliku "hover.htc' ? Bo tak się składa że mam IE 7. Pod firefoksem wszystko chodzi tylko z explorerem mam problem - będę wdzięczny za pomoc.
Użytkownik slabykoder edytował ten post 15 wrzesień 2009, 21:45
hover.htc download: http://docs.andrzej....hover/hover.htc

Dzięki wielkie! Bardzo mi wszyscy pomogliście. Pozdrawiam pięknie!

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.