Informatika és tudomány

HTML-szerkesztés kezdőknek!!!
  • rooney8
    #6876
    Megtaláltam :) Régebben nekem ezt írták, és nálam működött

    idézet Maco13-tól:

    na akkor majd én, szigorlatra tanulásnál ugyis minden jobb :)

    Szoval itt van a javascript file, amit nem írok meg mert megvan. Ezt szedd le, és tölsd fel a szerverre. Ennek legegyszerűbb módja h katt a linkre, minden kijelöl, notepad megnyit, paste, mentés másként, filenév: button.js, majd szerverre feltöltés.
    Ha ezzel megvagy, be kell linkelni a html kódba, érdemes a head-be:

    <head>
    <script src="button.js" language="javascript" type="text/javascript"></script>


    Ezután jön a preload, ahova az image_x.jpg helyére azokat a képeket kell beírni, amiket akkor akarsz látni amikor valami fölé viszed az egeret (amiken rajta van a glow vagy bármilyn effekt):

    <script language="javascript" type="text/javascript">
    preloadImg('image_1.jpg');
    preloadImg('image_2.jpg');
    preloadImg('image_3.jpg');
    </script>

    head lezárása:

    </head>

    képcsere:

    <img src="image1.jpg" id="image1" onmouseover="setImg('image1','image_1.jpg');" onmouseout="setImg('image1','image1.jpg');">

    itt az image1.jpg látszik amikor betöltődik az oldal, image_1.jpg-re cserélődik amikor föléviszed az egeret, valamintn image1.jpg-re vissza amikor leviszed róla. Ha a képet linknek akarod használni, akkor beágyazod <a></a> közé.