Graag zou ik die tekst helemaal rechts (bewaar dit / algemene info / …) wat verkleinen. Ik had gedacht dat het heel klein zou zijn, en vanaf het moment dat je er met je muis over gaat, vergroot dit. Is dit:
te verwezelijken met een doodeenvoudige HTML code
te verwezelijken met iWeg '08
Zoniet, stelt er iemand anders een alternatief voor?
Dit script ergens in de head zetten van je pagina:
[code:1:a4045e44a4]<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at →
<!-- The JavaScript Source!! http://javascript.internet.com →
<!-- husenko@yahoo.co.in →
function enlargeImage1(){document.image1.height="100"}
function dropImage1(){document.image1.height="50"}
function enlargeImage2(){document.image2.height="100"}
function dropImage2(){document.image2.height="50"}</script>[/code:1:a4045e44a4]
De height in de regel met enlargeimage instellen op de grootte die je wilt hebben als je met je muis over het plaatje gaat (de grootte die de plaatjes nu zijn). De height in de regel met dropimage instellen op de grootte die het plaatje moet zijn als je er niks mee doet. De laatste 2 regels herhalen als je meer dan 2 plaatjes hebt en het getal 2 in die regels vervangen voor 3, 4 enz.
In de corresponderende plaatjes zet je dan in de <img> tag de volgende regel:
Je kan het script ook in het begin van de body zetten dat werkt ook wel. Als het maar eerder dan de plaatjes zelf in je code staat. Of het ook kan in iWeb weet ik niet dat moet je zelf even proberen.
Waarom maak je dit zo moeilijk met javascripts en veel te veel code? Dat is toch simpel te doen via 1 afbeelding waar de kleine en grote tekst opstaat en die in css definieren als de background van de link en bij hover de afbeelding verplaatsen naar de grotere tekst.