Not signed in (Sign In)

Vanilla 1.0.3 is a product of Lussumo. More Information: Documentation, Community Support.

Roll over button with multiple images

Bottom of Page

1 to 1 of 1

  1.  
    • CommentAuthorLove Witch
    • CommentTimeDec 31st 2006 edited
     
    Hey!

    I am making a website and I was having some problems with embing my flash documents. This is what I've got so far:
    http://dhost.info/shakaku/sweetestsin/sins.html
    Now, what I want is that each time your mouse rolls over a butterfly, the image in the center changes. I found a nice code to do this with Javascript (my code below, original version : http://javascript.internet.com/miscellaneous/set-image.html), it works fine for .jpg and .gif, but because I want animation on the website, it takes up to much space when using animated gifs, so I wanted to replace them with .swf.

    I know I can have practically the same result, if I'd make everything in flash, but I'd prefere html.

    BTW, now the website looks like one picture, if I change the center in swf, will it show?

    Thanks a lot!

    The code when using .gif:

    <HEAD>
    <SCRIPT LANGUAGE="JavaScript">

    var superbia = new Image();
    var avaritia = new Image();
    var luxuria = new Image();
    var invidia = new Image();
    var gula = new Image();
    var ira = new Image();
    var acedia = new Image();
    var tv = new Image();

    superbia.src = "images/superbia2.gif";
    avaritia.src = "images/avaritia2.gif";
    luxuria.src = "images/luxuria2.gif";
    invidia.src = "images/invidia2.gif";
    gula.src = "images/gula2.gif";
    ira.src = "images/ira2.gif";
    acedia.src = "images/acedia2.gif";
    tv.src = "images/tv.gif";

    function doButtons(picimage) {
    eval("document['picture'].src = " + picimage + ".src");
    }

    </script>
    </HEAD>

1 to 1 of 1

  1.