I wrote a program a while back which used lots of images as buttons, but in doing so it made it really slow to download (and generally in efficient).
The program runs ok but there is literally 100s of images in the gui
the prog is at www.angelfire.com/music4/oldskool0
click on the supa kana image to launch it.. it will take a while (i mean a long while to load, it will be mostly a white maximised screen at the start.)
Each of those buttons is made on 4 images. the up the down the off and the highlighted. As you can see with a 100+ buttons thats more the 400 images on the screen.
Can someone recommend a different way of producing the same effect (i.e. not using built in html buttons.) which would use vastly fewer images.
The prog itself is written in javascript. what other prog languages would be suitable? I was thinking maybe FLASH Action Script might be ok as i can make it an app then.
--------------------------------------------------------------------------
I thought that i could re do the images and have the up down highlighted and off without any writing on (and re use the same 4 buttons again and again) Then have the writing on seperate ones and overlay then with transparency.
Does this make sense?
I think this will reduce the amount of images overall, make them smaller in size and i know this can be done.
Is there a better way to do it?
-------------------------------------------------------------------------
I would like to know if this is possible the most
I have thought of one other way to do it but i have no idea if it is at all possible.
rather than have each button individual, make them all one image. i.e. the up buttons would be on one image (with transparency inbetween) the down buttons would be one image along with the off and highlighted.
Therefore i would only need 5 Images in total and just layer them on top of each other. If i did this however when you click on one button all the buttons will go down and not individually.
TO get around this i thought it might be possible to use a individual transparent images over each button. BUT is it possible to traget a specific layer to show. for example if i push the button down it will show only the second layer (the button down layer) through that little transparent window.
there by making the top layer become transparent.
Is this possible or is there another way of doing something like this?
-------------------------------------------------------------------------
I was never any good at programming and dont really know any terminology so any help is welcome.