Je hebt geen kilometers script nodig om een plaatje (een beetje) te vergroten. Natuurlijk is dat eenvoudig met een javascript-routine op te lossen. Maar ja: Elke regel code is er 1; en met een regel javascript ben je natuurlijk niet klaar. Als je een paar kleine icoontjes of zo op jouw pagina wat extra aandacht wilt geven, door ze bij een hover een beetje uit te vergroten, heb je alleen maar de volgende regel nodig.
<img style="position:absolute;" src="kushandje.gif" width="70" height="32" onmouseover="this.src='kushandje.gif';this.height=40;this.width=84;" onmouseout="this.src='kushandje.gif';this.height=32;this.width=70;" />
Verander de naam in een voor jouw pagina geschikte naam, en verander de afmetingen
ook gelijk even. Je kan op deze manier (met this.) natuurlijk elke css-grap aan het plaatje
"hangen" die je maar wilt. Ik zal 2 voorbeelden geven.
this.style.position='absolute';
en
this.style.margin='0px';
Absolute kan natuurlijk ook relative zijn, en de 0px in het
"margin-voorbeeld" kan natuurlijk elke waarde hebben die je maar wilt...
Wil je de andere mogelijkheden ook weten zoek dan even op
Google naar "this.style" met het desbetreffende zoekwoord.
De titel van deze pagina is: 'zoom plaatjes met css'.
De sleutelwoorden zijn : zoom,plaatjes,css.
De omschrijving is: 'vergroot gemakkelijk een plaatje met wat inline css code'.