Autor Zpráva
Speedl
Profil *
Dobrý den,

potřeboval bych vědět, jak dosáhnout toho, abych po kliknutí na odkaz změnil atribut src u tagu <img>, aniž by se stránka znovu načetla, a tak se adresa obrázku v podstatě nezměnila.

Předem díky za odpověď.

<html>
<body>

<a href="" onclick="document.getElementById('image').src='velky.png'">Změna</a>

<img src="maly.png" id="image">

</body>
</html>
ShiraNai7
Profil
<a href="" onclick="document.getElementById('image').src='velky.png'; return false;">Změna</a>
_es
Profil
Speedl:
abych po kliknutí na odkaz změnil atribut src u tagu <img>
Musí to byť práve odkaz? Klikať, aj zachytávať kliknutie, môžeš na hocičom.
Speedl
Profil *
ShiraNai7:
Díky, ačkoliv to znám, tak jsem na to totálně zapomněl ;)

_es:
No, jak mi odpověděl ShiraNai7, tak jsem si hned uvědomil, že kdybych nepoužil <a>, tak by se stránka znovu nenačítala, ale odkaz se hodí tehdy, když by nejel JS - na tom mým kódu to není vidět (jen si tak zkouším, chtěl bych si udělat JS galerii obrázků), ale mělo by to stejný výsledek jak u použití např. Lightboxu. Do odkazu zavřu <img> atd.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: