## Przeglądarka grafik 3

Skrypt pozwala wyświetlać sekwencję grafik bez klikania na przyciskach, lecz poprzez przesunięcie kursora myszki nad odsyłacz. Wadą jest konieczność wcześniejszego załadowania wszystkich grafik.

Enter | PCkurier | Gambler

Skopiuj przykładowy kod

W ramach HEAD

    <script>

    /*Rollover effect on different image script-
    By Website Abstraction (http://wsabstract.com)
    Over 200+ free scripts here!
    */

    function changeimage(towhat,url){
    if (document.images){
    document.images.targetimage.src=towhat.src
    gotolink=url
    }
    }
    function warp(){
    window.location=gotolink
    }

    </script>
    <script language="JavaScript1.1">
    var myimages=new Array()
    var gotolink="#"

    function preloadimages(){
    for (i=0;i<preloadimages.arguments.length;i++){
    myimages[i]=new Image()
    myimages[i].src=preloadimages.arguments[i]
    }
    }

    preloadimages("../grafika/enter.gif","../grafika/pcq.gif","../grafika/gambler.gif")
    </script>

W ramach BODY

    <p><a href="../grafika/enter.gif" onMouseover="changeimage(myimages[0],this.href)">Enter</a> |
    <a href="../grafika/enter.gif" onMouseover="changeimage(myimages[1],this.href)">PCkurier</a> |
    <a href="../grafika/enter.gif" onMouseover="changeimage(myimages[2],this.href)">Gambler</a></p>

    <a href="javascript:warp()"><img src="../grafika/enter.gif" name="targetimage" border=0></a>

    <script>

    //myimages[0] would refer to "enter.gif", myimages[1] would refer to "pcq.gif" etc
    preloadimages("../grafika/enter.gif","../grafika/pcq.gif","../grafika/gambler.gif")

    </script>