MSIE Metatag uitleg en voorbeelden  bij RobinK HardSoft!
 
  MSIE Meta Tag uitleg

MSIE Meta Tag Generator

Gewone Meta Tag Generator

Home!

Terug!

 

Dit "onthullende" effect bij het starten van uw webpagina is een ingebouwde mogelijkheid van Internet Explorer browsers (vanaf versie 4.0)

Deze mogelijkheid van IE dient echter wel te worden ingeschakeld. Meestal is dit standaard al gebeurd. Mocht het zo zijn dat het effect bij u niet werkt, dan moet u het handmatig instellen:

- klik in de menubalk op Extra en vervolgens op Internet-opties...
- selecteer het tabblad Geavanceerd
- zoek naar het onderdeel Surfen
- vink het hokje aan bij Overgangen tussen pagina's inschakelen
- druk op de knop OK

De overgangen bestaan uit 24 vastgestelde effecten en 1 effect met een iets afwijkende code. Voor deze pagina heb ik effect no. 23 gekozen (willekeurige effecten). De code voor dit effect is:

<META HTTP-EQUIV="Page-Enter" content="revealTrans(duration=2, Transition=23)">

Deze tag dient te worden geplaatst vlak onder de header <HEAD>.

De MSIE Metagenerator vind via deze link daar kun je de tags laten genereren

Via de gewone Metagenerator kun je ze overigens ook laten maken.

Hieronder worden alle effecten opgesomd in de correcte volgorde. U hoeft in de bovenstaande code alleen het corresponderende cijfer te wijzigen om het effect te laten werken. 

0. kleiner wordende box
1. groter wordende box
2. kleiner wordende cirkel
3. groter wordende cirkel
4. omhoog vegende wisser
5. omlaag vegende wisser
6. rechts vegende wisser
7. links vegende wisser
8. naar rechts bewegende strepen
9. naar beneden bewegende strepen
10. naar rechts bewegende boxen
11. naar beneden bewegende boxen
12. oplossen van het scherm
13. horizontaal gordijn sluiten
14. horizontaal gordijn openen
15. verticaal gordijn sluiten
16. verticaal gordijn openen
17. bladzijde omslaan naar links-beneden
18. bladzijde omslaan naar links-omhoog
19. bladzijde omslaan naar rechts-beneden
20. bladzijde omslaan naar rechts-omhoog
21. horizontale strepen die zich samenvoegen
22. verticale strepen die zich samenvoegen
23. willekeurige overgangen

Een "vervagend" effect met een iets andere code is:

- (tip!) langzaam vervagen van het scherm:

<META HTTP-EQUIV="Page-Enter" content="blendTrans(Duration=2)">

Bovengenoemde effecten werken als de bezoeker uw site komt bezoeken. U kunt het effect ook instellen als de bezoeker uw site verlaat. De algemene code luidt dan:

<META HTTP-EQUIV="Site-Exit" content="RevealTrans(Duration=2,Transition=23)">

MEER

Vanaf versie IE 5.5 zijn aanvullende overgangen gemaakt. Deze hebben een ingewikkelder code, maar werken net als de bovenstaande effecten binnen een META-tag. Hieronder alle nieuwe mogelijkheden. Klik op de links om het effect te zien! (werkt niet, ff nog geen (priori)tijd om het te laten werken)

luiken > openen verticaal | openen horizontaal

verticaal (standaard):

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Barn(Duration=2, Orientation=vertical)">

horizontaal:

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Barn(Duration=2, Orientation=horizontal)">

invoeging > vanuit de linker bovenhoek

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Inset(Duration=2)">

iris > diamant | kruis | (tip!) ster | plus

diamant:

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Iris(Duration=2, IrisStyle=DIAMOND)">

kruis:

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Iris(Duration=2, IrisStyle=CROSS X)">

ster:

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Iris(Duration=4, IrisStyle=STAR)">

plus (standaard):

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Iris(Duration=2, IrisStyle=PLUS)">

(tip!) pixels > van 1 pixel-blokje naar volwaardig beeld

<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Pixelate(Duration=3)">

De grootte van de blokjes kunnen worden aangepast met het attribuut: maxSquare= en een waarde van 2 tot 50. Standaard is de waarde ingesteld op 25.

voorbeeld: waarde van 5

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Pixelate(Duration=3, maxSquare=5)">

vegen > met de klok mee | taartpunt | draaiend vanuit linker bovenhoek

klok (standaard):

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.RadialWipe(Duration=2, wipeStyle=CLOCK)">

taartpunt:

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.RadialWipe(Duration=2, wipeStyle=WEDGE)">

draai:

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.RadialWipe(Duration=2, wipeStyle=RADIAL)">

jaloeziën > naar beneden | omhoog

naar beneden (standaard):

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Blinds(Duration=2, Direction=down)">

omhoog:

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Blinds(Duration=2, Direction=up)">

Het aantal lamellen van de jaloeziën kunnen ook worden aangepast. Het attribuut hiervoor is bands= en standaard is het aantal 10.

Voorbeeld: aantal van 25

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Blinds(Duration=2, Direction=down, Bands=25)">

schaakbord > velden naar rechts | links | boven | beneden

naar rechts (standaard):

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.CheckerBoard(Duration=2, Direction=right)">

links:

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.CheckerBoard(Duration=2, Direction=left)">

boven:

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.CheckerBoard(Duration=2, Direction=up)">

beneden:

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.CheckerBoard(Duration=2, Direction=down)">

Het aantal velden is in te stellen met de volgende attributen: squaresX= (aantal kolommen) en squaresY (aantal rijen). De standaard instellingen zijn respectievelijk 12 en 10.

Voorbeeld: x=24 en y =20

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.CheckerBoard(Duration=2, squaresX=24, squaresY=20)">

vervagen > vervagen van bestaande pagina en onthullen van de nieuwe pagina

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Fade(Duration=3)">

gradueel vegen > van links naar rechts

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.GradientWipe(Duration=2, motion=out)">

De gradueel vervagende band waarmee geveegd wordt, kan worden ingesteld op een bepaalde breedte met het attribuut GradientSize= met als standaardwaarde 0.25 (25%).

Voorbeelden: bandbreedte is 0 | 1

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.GradientWipe(Duration=2, GradientSize=0.0)">

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.GradientWipe(Duration=2, GradientSize=1.0)">

willekeurige balken > verticaal | horizontaal

verticaal:

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.RandomBars(Duration=2, Orientation=vertical)">

horizontaal (standaard):

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.RandomBars(Duration=2)">

willekeurig oplossen > uitelkaar vallen van de bestaande pagina en verschijnen van de nieuwe

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.RandomDissolve(Duration=2)">

Schuiven > doorschuiven | (tip!) wegduwen | combinatie

doorschuiven (standaard):

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Slide(Duration=2, slideStyle=HIDE)">

wegduwen:

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Slide(Duration=2, slideStyle=PUSH)">

combinatie:

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Slide(Duration=2, slideStyle=SWAP)">

Het aantal (horizontale) stroken waarin de pagina is verdeeld tijdens de verandering kan worden aangepast met het attribuut bands= met de standaardwaarde 1.

voorbeeld: waarde=3

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Slide(Duration=2, bands=3)">

spiraal > spiraalvormige overgang van buiten naar binnen

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Spiral(Duration=2)">

De grootte van het raster kan worden ingesteld: het aantal kolommen met het attribuut gridSizeX= en het aantal rijen met gridSizeY=, met 16 als standaardwaarde voor beide. Men kan kiezen van 1 tot 100.

Voorbeelden: waarden van 5 | 75

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Spiral(Duration=2, gridSizeX=5, gridSizeY=5)">

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Spiral(Duration=2, gridSizeX=75, gridSizeY=75)">

uitrekken > doorschuiven | wegduwen | (tip!) van midden uit

doorschuiven:

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Stretch(Duration=2, stretchStyle=HIDE)">

wegduwen:

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Stretch(Duration=2, stretchStyle=PUSH)">

van midden uit (standaard):

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Stretch(Duration=2, stretchStyle=SPIN)">

diagonaal > schuin naar het midden

schuin naar het midden:

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Strips(Duration=2)">

wiel > ronddraaiende spaken

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Wheel(Duration=2)">

Het aantaal spaken kan worden ingesteld met het attribuut spokes=, met als standaardwaarde 4. De waarden liggen tussen 2 en 20.

voorbeelden: waarden van 2 | (tip!) 10

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Wheel(Duration=2, spokes=2)">

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.Wheel(Duration=2, spokes=10)">

zigzag > heen-en-weer gaande overgang van boven naar beneden

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.ZigZag(Duration=2)">

De grootte van het raster kan worden ingesteld: het aantal kolommen met het attribuut gridSizeX= en het aantal rijen met gridSizeY=, met 16 als standaardwaarde voor beide. Men kan kiezen van 1 tot 100.

Voorbeelden: waarden van 5 | 75

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.ZigZag(Duration=2, gridSizeX=5, gridSizeY=5)">

<META HTTP-EQUIV="Page-Enter" content="progid:DXImageTransform.Microsoft.ZigZag(Duration=2, gridSizeX=75, gridSizeY=75)">

Zoals met zoveel effecten geldt ook hier: spaarzaam gebruiken! Probeer niet elke pagina in de site met overgangen te "verfraaien". Voldoende is de overgang aan het begin van de site (de indexpagina met Page-Enter) en als de bezoeker de site verlaat (Site-Exit).