Autor Zpráva
PecanCZ
Profil
Zdravím, mám tři náhledy fotek, přičemž zobrazený je jenom jeden. Pod tím mám 3 inputy typu radio a potřeboval bych udělat to, aby když kliknu do dalšího inputu, aby se mi ty obrázky vyměnili. Mohl by mi někdo pomoct? Díky
Kry5
Profil
Budeš potřebovat javascript. Konkrétně:
<div id="nahledDiv"></div>
- zde se budou zobrazovat náhledy

<input type="radio" onClick="changeImage("obrazek1.png")"> 
- u každého inputu si jen uprav název obrázku (může to být i cesta k němu)

<script type="text/javascript">
function changeImage(img) {
document.getElementById("nahledDiv").innerHtml = "<img src=\""+img+"\" alt=\"\">";
}
</script>
doplň na konec souboru

snad by to mělo fungovat, ale nezkoušel jsem to. Může tam být překlep.
PecanCZ
Profil
nápad to je dobrý, akorát nemůžu přijít na to, proč to nefunguje, přikládám kód

<div id="nahledDiv"></div>
  <br>
  <input type="radio" name="nahled" onclick="changeImage("./img/nahled.png")">
  <input type="radio" name="nahled" onclick="changeImage("./img/nahled.png")">
  <input type="radio" name="nahled" onclick="changeImage("./img/nahled.png")">
  </div>
  
<script type="text/javascript">
function changeImage(img) {
document.getElementById("nahledDiv").innerHtml = "<img src=\""+img+"\" alt=\"\">";
}
</script>
Kry5
Profil
Podívej se na to ve firebugu (nebo alespoň co vypisuje Chrome konzole -> CTRL+SHIFT+J - nevim co používáš za prohlížeč).
Jinak pokud používáš jQuery tak to zkus pomocí něj to je spolehlivější:
$('#nahledDiv').html("<img src=\""+img+"\" alt=\"\">");

Ale jenom kvůli tomuhle ho tam prosim tě nevkládej :-)
PecanCZ
Profil
toto mi vypsal chrome: Uncaught SyntaxError: Unexpected token }
PecanCZ
Profil
už v pohodě, vyřešil jsem to

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:

0