Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] Zamiana obrazków
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
spenalzo
Suzkałem ale nie mogę nic takiego znaleźć sad.gif
Mam 3 zdjęcia (mże być od 0 do 3), ale w danej chwili widoczne jest tylko jedno - jak zrobić żeby po kliknięciu na numer fotki podmieniało się zdjęcie bez przeładowania strony?
Seth
[xml:1:8cc3da07ae]<script language="JavaScript">
function ChangeImg( obj, new_src )
{
obj.src = new_src;
}
</script>
<img id="change" name="change" src="zdjecie1.gif"><br />
<a onClick="java script:ChangeImg( this, 'zdjecie1.gif' )" href="#">1</a><br />
<a onClick="java script:ChangeImg( this, 'zdjecie2.gif' )" href="#">2</a><br />
<a onClick="java script:ChangeImg( this, 'zdjecie3.gif' )" href="#">3</a><br />[/xml:1:8cc3da07ae]
Pisane z palca, wiec sprawdz czy dziala smile.gif
spenalzo
Niestety nie działa - nie ma błedu a fotka sie nie zmienia.
Seth
Ehh racja :/
[xml:1:986a5b4aa5]<script language="JavaScript">
function ChangeImg( new_src )
{
document.images.change.src = new_src;
}
</script>
<img id="change" name="change" src="zdjecie1.jpg"><br />
<a onClick="ChangeImg( 'zdjecie1.jpg' )" href="#"> 1
</a> <br />
<a onClick="ChangeImg( 'zdjecie2.jpg' )" href="#"> 2
</a> <br />
<a onClick="ChangeImg( 'zdjecie3.jpg' )" href="#"> 3
</a> <br /> [/xml:1:986a5b4aa5]
Ten dziala.
spenalzo
Danke smile.gif
kubatron
Seth ustawiłem sobie to tak:
[xml:1:b892778b1f]<script language="JavaScript">
function ChangeImg( new_src )
{
document.images.change.src = new_src;
}
</script>
<img id="change" name="change" src="zdjecie1.jpg"><br />
<a onClick="ChangeImg( 'projektplanetarium4_03.jpg' )" href="#"> 1
</a> <br />
<a onClick="ChangeImg( 'projektplanetarium4_02.jpg' )" href="#"> 2
</a> <br />
<a onClick="ChangeImg( 'projektplanetarium4_01.jpg' )" href="#"> 3
</a> <br /> [/xml:1:b892778b1f]
czemu niedziała:questionmark.gif:
Sadu2
Hm... zastosowałem ten kod, dobrze dziala, ale czemu gdy klikne na zdjęcie, to mi leci obraz do samej góry? A na allegro nic takiego sie nie dzieje...
lord_t
prawdopodobnie dlatego, że w href masz #.

zmien
  1. <a onClick="ChangeImg( 'projektplanetarium4_03.jpg' )" href="#"> 1
  2. </a>


na np.

  1. <div onClick="ChangeImg( 'projektplanetarium4_03.jpg' );"> 1
  2. </div>


^ Dla pozostałych analogicznie
Sadu2
Dzięki wielkie działa dobrze.
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.