10 berichten aan het bekijken - 1 tot 10 (van in totaal 10)
  • Q:
    Bijdrager
    KingAchille

    Ik zoek… vergroting

    Gegroet,
    ik zou graag via een HTML-code het volgende willen realiseren…

    Mijn homepage geraakt vrij vol en daarom wil ik aan plaatsbesparing doen. Ik het namelijk momenteel het volgende

    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:
    1) te verwezelijken met een doodeenvoudige HTML code
    2) te verwezelijken met iWeg ’08

    Zoniet, stelt er iemand anders een alternatief voor?

    Mvg,

    Bijdrager
    Zeekomkommer

    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 –>
    <!– [email protected] –>

    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:

    [code:1:a4045e44a4]name="image1" onmouseover="enlargeImage1()" onmouseout="dropImage1()"[/code:1:a4045e44a4]

    dus zoiets:

    [code:1:a4045e44a4]<img src="plaatje.gif" name="image1" onmouseover="enlargeImage1()" onmouseout="dropImage1()">[/code:1:a4045e44a4]

    Alle 1’tjes vervangen in 2 voor het tweede plaatje enz.

    Succes!

    Bijdrager
    KingAchille

    Bedankt voor de moeite, maar kan dit ook met iWeb ’08? Je kan wel HTLM snippets invoeren, maar kan je ook je <head> wijzigen?
    Mvg,

    Bijdrager
    Zeekomkommer

    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.

    Bijdrager
    Faan

    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.

    Lees bvb eens http://www.gigadesign.be/2005/02/hover-zonder-javascript/

    Bijdrager
    Zeekomkommer

    Kan ook. Qua moeilijkheid niet echt anders.

    Bijdrager
    Faan

    Qua moeilijkheid niet nee, maar wel veel simpelder en minder code. Geen onnodige javascript en layout mooi van content gescheiden door css-gebruik.

    Bijdrager
    KingAchille

    Maar de hamvraag is hier dan… Kan het ook met iWeb ’08?
    Mvg,

    Bijdrager
    Faan

    Heb geen ervaring met WYSIWYG sorry…

    Bijdrager
    Zeekomkommer

    Je hebt nu al twee manieren om het toe te passen. Probeer het zou ik zeggen.

10 berichten aan het bekijken - 1 tot 10 (van in totaal 10)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.