Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] Podmiana obrazka
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
KirkoR
Niby błaha sprawa, ale ja jestem cienki w JS a mam następujący problem. Od razu mówię, że nie znalazłem tego na forum, bo nie wiem nawet jak powinienem tego szukać. Chodzi mi o to, że mam kilka obrazków, i w zależności na jaki kliknę zmienia się on na inny. Haczyk polega na tym, że jeśli kliknąłem na pierwszy obrazek i on się zmienił na inny, to po kliknięciu na np. czwarty ten pierwszy wraca do stanu pierwotnego a czwarty się podmienia. Oczywiście każdy obrazek podmienia się na inny. Jeśli ktoś wie jak to zrobić to proszę o podanie pełnego kodu do wykorzystaniu na stronę bo u mnie cienko ze znajomością z JS.

Dodatkowo już używam efektu przeźroczystości:

Kod
<script language="javascript">

  function high(which2)

  {

  theobject=which2

  highlighting=setInterval('highlightit(theobject)',10)

  }

  function low(which2)

  {

  clearInterval(highlighting)

  if (which2.style.MozOpacity)

  which2.style.MozOpacity=0

  else if (which2.filters)

  which2.filters.alpha.opacity=0  

  }



  function highlightit(cur2){

  if (cur2.style.MozOpacity<1)

  cur2.style.MozOpacity=parseFloat(cur2.style.MozOpacity)+0.1

  else if (cur2.filters&&cur2.filters.alpha.opacity<75)

  cur2.filters.alpha.opacity+=5

  else if (window.highlighting)

  clearInterval(highlighting)

  }

</script>



<a onFocus="blur()" >

<a href="info.php">

<img onMouseOver=high(this) style="FILTER: alpha(opacity = 0); moz-opacity: 0.3"

onMouseOut=low(this) src="images/infolight.jpg" WIDTH=89 HEIGHT=57 border="0"></a>
kszychu
Do każdego obrazka przypisz akcję podmien(this).
Funkcja podmien() niech na początku wywołuje funkcję resetuj_wszystkie_obrazki(), która to z kolei przypisze wszystkim obrazkom ich pierwotny wygląd.
Dalej podmien() zmieni wygląd rządanego obrazka na inny.
KirkoR
Mógłbyś mi napisać konkretny skrypt? Bo ja z JS jestem cienki jak dupa węża. Zupełnie się na tym nie znam. Wieć byłbym wdzieczny jeśli mógłbyś mi pomóc.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.