»
EnglishFrenchVietnamese

Print - Rollover Maker - JavaScriptBank.com

Full version: jsB@nk » Utility » Generator » Rollover Maker
URL: http://www.javascriptbank.com/rollover-maker.html

Rollover Maker © JavaScriptBank.comScript 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: http://www.javascriptbank.com/rollover-maker.html



JavaScript
<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-->


HTML
<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 &lt;a&gt;:</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">&lt;script&gt;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("&lt;a href='"+url+"' onmouseover='TurnOn1("+count+")' onmouseout='TurnOff1("+count+")' "+extra+"&gt;&lt;img src='"+picoff1+"' border=0 name='pic"+count+"a'&gt;&lt;/a&gt;");TurnOn1(count);TurnOff1(count);count++;};&lt;/script&gt;</TEXTAREA> </FORM></body><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->