Toon posts:

[js] pauze in javascript?

Pagina: 1
Acties:

Verwijderd

Topicstarter
ik ben een beetje aan het experimenteren met javascript maar ben tegen een probleempje aangelopen. Hoewel ikzelf al een eind ben gekomen, zit ik nu ff vast.

In onderstaande functie wil ik graag een pauze inbouwen zodat de plaatjes geleidelijk tevoorschijn komen. Op dit moment verschijnen ze tegelijk.
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function fadein(){

for (var dichtheid = 0; dichtheid <= 10; dichtheid++)

{
var begin = "<img src='test.gif'  style='filter:alpha(opacity=";

var einde = ")'>";
                                document.write( begin + dichtheid + einde );

      //pauze???
       
            }   
}

de functie wordt aangeroepen mbv een onLoad.

[img]"test.gif"[/img]

Iemand een idee?

alvast bedankt

Verwijderd

Volgens mij heb je niet echt door wat je precies aan het doen bent.

In combinatie met document.write kun je geen vertragingen inbouwen zoals jij dat wilt. De browser begint pas met renderen als de /body tag voorbij komt.

Jij wilt waarschijnlijk alles al van tevoren neerzetten, maar dan onzichtbaar, en dan 1 voor 1 zichtbaar laten worden?

Dat moet je dus met DHTML doen, en dat gaat heel anders in zij werk dan wat je nu hebt.

  • Xanthus
  • Registratie: Februari 2002
  • Laatst online: 11-07 12:45
Als het moet als de pagina al geladen is kan je het in een div gooien en dan zeggen
setTimeout("document.all['divje'].innerHTML='hoi'", 1000);
je kan van die = een += maken als het er achter moet, en als het alleen text is een innerText gebruiken.
(zie voor je het divje dan eventueel zou moeten aanspreken hier: http://gathering.tweakers.net/forum/list_messages/442725/1?limit=30)

  • El Martino
  • Registratie: December 2000
  • Laatst online: 04-08 10:37

El Martino

Zo niet, dan toch.

Je hoeft hier alleen maar de style aan te passen:
code:
1
[img]"pic.gif"[/img]

En in je js:
code:
1
2
document['pic'].filters.blendTrans.Apply();
document['pic'].filters.blendTrans.Apply();

Deze hoef je alleen maar iets te wijzigen...

"To make a bad day worse, spend it wishing for the impossible", Calvin (Calvin & Hobbes)


  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
code:
1
[img]"pic.gif"[/img]


code:
1
2
document.images['myImg'].filters[0].apply();
document.images['myImg'].filters[0].play();

Verwijderd

Wel prachtig maar transformations worden niet door Mozilla ondersteund. Voor MSIE maak je voor versie 5 gebruik van alpha. Voor versie 5.5 en hoger gebruik van de DX set, en voor Mozilla gebruik van MozOpacity
Pagina: 1