Autor Zpráva
Petr1234
Profil *
Čau,

potřeboval bych nějak přes JS udělat přepínač obrázků bez nutnosti reloadu stránky. Mám např. 5 obrázků a na HTML stránce mam tlačítko 1, 2 ... 5 a když na něj kliknu, měl by se do určitého DIVu načíst vybraný obrázek.

Nemáte někdo odkaz na nějaký web, kde se to řešilo? Díky.
Sylar
Profil
Každej z obrázků bude mít u sebe atribut
style="display: none;
jen první bude mít
style="display: block;


přes tlačítka pak budeš pomocí js dávat obrázkům bud display: block nebo display: none;
např.
function switch_obrazek(cislo) {
  	switch(cislo) {
		case 0 : // první obrázek
			document.getElementById('obr_0').style.display = 'block';
			document.getElementById('obr_1').style.display = 'none';
			document.getElementById('obr_2').style.display = 'none';
			document.getElementById('obr_3').style.display = 'none';
			document.getElementById('obr_4').style.display = 'none';
		break;
		case 1 : // druhý obrázek
			document.getElementById('obr_0').style.display = 'none';
			document.getElementById('obr_1').style.display = 'block';
			document.getElementById('obr_2').style.display = 'none';
			document.getElementById('obr_3').style.display = 'none';
			document.getElementById('obr_4').style.display = 'none';
		break;
                case 1 : // třetí obrázek
			document.getElementById('obr_0').style.display = 'none';
			document.getElementById('obr_1').style.display = 'none';
			document.getElementById('obr_2').style.display = 'block';
			document.getElementById('obr_3').style.display = 'none';
			document.getElementById('obr_4').style.display = 'none';
		break;
                .
                .
                .
	}
  }


u tlačítek pak budeš mít
onclick="switch_obrazku(0); return false;"
a obrázky musí mít id="obr_0" atd nebo si ho pak musíš změnit i v tom JS scriptu

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: