[js] Zamiana obrazków Opcje

[spenalzo]

Suzkałem ale nie mogę nic takiego znaleźć
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

[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

[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::

[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

[HTML] pobierz, plaintext 
<a onClick="ChangeImg( 'projektplanetarium4_03.jpg' )" href="#"> 1
</a>
[HTML] pobierz, plaintext 

na np.

[HTML] pobierz, plaintext 
<div onClick="ChangeImg( 'projektplanetarium4_03.jpg' );"> 1
</div>
[HTML] pobierz, plaintext 

^ Dla pozostałych analogicznie

[Sadu2]

Dzięki wielkie działa dobrze.