Full version: jsB@nk » Utility » Generator » Rollover Maker
URL: https://www.javascriptbank.com/rollover-maker.html
Script generator for our ever-popular image change rollover JavaScript. Just fill out the information, and it will generate your code for you - no more modifications are necessary! And, we can even mail the generated code to you! Wow... :-)
Full version: jsB@nk » Utility » Generator » Rollover Maker
URL: https://www.javascriptbank.com/rollover-maker.html
<SCRIPT>function loader(){topcode=document.form1.dis.valuedocument.form1.dis.value=''}count=0;var picOff=new Array();var picOn=new Array();var URL=new Array();var extras=new Array();spacer='';var topcode=''function compile(picoff1,picon1,url1,extra1){ picOff[count]=picoff1;picOn[count]=picon1;URL[count]=url1;extras[count]=extra1;count++ storeup='' for(countup=0;countup!=picOff.length;countup++){ storeup+='\r\<script\>rollover("'+picOff[countup]+'","'+picOn[countup]+'","'+URL[countup]+'",\''+extras[countup]+'\')\</script\>' } document.form1.dis.value=topcode+"\r"+storeup document.form1.picoff.value='' document.form1.picon.value='' document.form1.url.value='' document.form1.extra.value=''}</SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><BODY onload=loader()><FORM name=form1><TABLE border=0> <TBODY> <TR> <TD align=right>URL of picture as it appears normally: </TD> <TD><INPUT size=30 name=picoff></TD></TR> <TR> <TD align=right>Rollover to the following picture: </TD> <TD><INPUT size=30 name=picon> </TD></TR> <TR> <TD align=right>Have the picture link to the following URL:</TD> <TD><INPUT size=30 name=url> <TR> <TD align=right>Extra code in the <a>:</TD> <TD><INPUT size=30 name=extra> </TD></TR> <TR> <TD></TD> <TD><INPUT onclick=compile(document.form1.picoff.value,document.form1.picon.value,document.form1.url.value,document.form1.extra.value) type=button value=ADD> <INPUT onclick=location.reload() type=button value=Clear> </TD></TR></TBODY></TABLE><BR>Copy (ctrl-c) and paste (ctrl-v) the following code to your web page<BR><TEXTAREA onfocus=this.select() name=dis rows=10 wrap=false cols=70 scrollbars="0"><script>count=0;var picOff=new Array();var picOn=new Array();function TurnOn1(num){eval("picV"+num+"=new Image()");eval("picV"+num+".src='"+picOn[num]+"'");eval("document.pic"+num+"a.src=picV"+num+".src");};function TurnOff1(num1){eval("picZ"+num1+"=new Image()");eval("picZ"+num1+".src='"+picOff[num1]+"'");eval("document.pic"+num1+"a.src=picZ"+num1+".src");};function rollover(picoff1,picon1,url,extra){picOff[count]=picoff1;picOn[count]=picon1;document.write("<a href='"+url+"' onmouseover='TurnOn1("+count+")' onmouseout='TurnOff1("+count+")' "+extra+"><img src='"+picoff1+"' border=0 name='pic"+count+"a'></a>");TurnOn1(count);TurnOff1(count);count++;};</script></TEXTAREA> </FORM></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->