| Autor | Zpráva | ||
|---|---|---|---|
| Ute Profil * |
#1 · Zasláno: 5. 7. 2011, 19:54:14
Dobrý den, chtěl bych se zeptat, jak udělat něco jako na stránkách české televize. Takový ten box, kde se mění obsah buď po čase nebo na kliknutí. Díky.
|
||
| AlastorM Profil * |
#2 · Zasláno: 5. 7. 2011, 20:22:43
Zkus tento javaskript
var number = 1;
var maxnumber = 5;
function displaynext() {
var item = 0;
for( var i=1; i<=maxnumber && item < 1; i++ ) {
if( document.getElementById( 'box'+ i ).style.display == 'block' ) {
var item = i;
document.getElementById( 'box'+ i ).style.display = 'none';
}
}
item = item + 1;
if( item > maxnumber ) { item = 1; }
document.getElementById( 'box'+ item ).style.display = 'block';
setTimeout( 'displaynext()', 20000 );
}A v html si uděláš několik divů, které budou mít id třeba box1 až box8
<body onload="javascript:setTimeout('displaynext()',20000);">
<div id="box1" style="display: block;"></div>
<div id="box2" style="display: none;"></div>
<div id="box3" style="display: none;"></div>
<div id="box4" style="display: none;"></div>
<body>"javascript:setTimeout('displaynext()',20000);"nastaví časový interval na 20000 = 20s, pak proběhne změna textu. Musí to být v tagu body var maxnumber = 5; Tento řádek nastavuje, kolik těch novinek/obrazovek chceš mít - místo 5 dej kolik chceš if( document.getElementById( 'box'+ i ).style.display == 'block' ) {
document.getElementById( 'box'+ i ).style.display = 'none';
document.getElementById( 'box'+ item ).style.display = 'block';Tyto řádky nastavují divům viditelnost - zde nic měnit nemusíš. Jedině, že by id daných divů bylo jiné než id="box" - pak bys 'box' nahradil 'hodnota_id' setTimeout( 'displaynext()', 20000 ); tento řádek nastavuje čas, po kterém budou probíhat další změny textu - 20000 = 20s Určitě se to dá upravit i na to, aby to bralo i kliknutí pro změnu textu. Já to používám a v pohodě. |
||
| Ute Profil * |
#3 · Zasláno: 5. 7. 2011, 21:00:53
Když nechci čekat těch 20s, ale chci si vybrat právě to klikntí: mohlo by to fungovat nějak tak, že proměnné po kliknutí přidám 1 a tím se mi tam načte další obrázek?
tzn. <a href="#" onclick="var i=i+1;">dalsi</a> Ale nějak mi to nefunguje. |
||
| Ute Profil * |
#4 · Zasláno: 7. 7. 2011, 17:51:12
Opravdu někdo nevíte?
|
||
| Z3NTIVA Profil |
#5 · Zasláno: 8. 7. 2011, 15:13:18
já teda nevím,ale možná bych zkusil něco jako e když se jednou klikne rázem to nebude 20sekund ale 0 sekund..kódem to bohužel zapsat nedokážu...
|
||
| Z3NTIVA Profil |
#6 · Zasláno: 8. 7. 2011, 15:32:51
alastorm
počkat,ale vždyt ty sám nemáš id="box".Máš 4 různé id,box1,2,3,4,jak je mám ted zapsat do tech 3 řádků ? |
||
|
Časová prodleva: 13 let
|
|||
0