| Autor | Zpráva | ||
|---|---|---|---|
| Petr1234 Profil * |
#1 · Zasláno: 3. 5. 2009, 12:08:35
Č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 |
#2 · Zasláno: 3. 5. 2009, 13:06:02
Každej z obrázků bude mít u sebe atribut
style="display: none; 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;" |
||
|
Časová prodleva: 15 let
|
|||
0