How do i change the background image dynamically?
I already know how to change the background color dynamically or by clicking buttons:
(it's something like this)
<FORM name="changeColor"> <FONT face="Arial" size="2">Choose a Background Color: <INPUT type="button" onClick="document.bgColor='#0000FF'" name="colr" value=" BLUE "> <INPUT type="button" onClick="document.bgColor='#FF0000'" name="colr" value=" RED "> <INPUT type="button" onClick="document.bgColor='#00FF00'" name="colr" value=" GREEN "> <INPUT type="button" onClick="document.bgColor='#FFFFFF'" name="colr" value=" WHITE "> <INPUT type="button" onClick="document.bgColor='#000000'" name="colr" value=" BLACK "> </FONT> </FORM>
i was given this code but...
i really wanted to change the background image and not the color because it's just too plain. i am not really into using css beacause this is only a school project and i am just a student but if anyone could help on this, please, i really want it badly.
P.S. i am using frames on this, it doesnt look good if only one frame changes background so if you could do some piece of advice on that, our teacher requires us to use frames so i dont really have a choice. INVALID ARGUMENT*** |