|
<script type="text/javascript">
<!-- Original: Mike McGrath - (mike_mcgrath@lineone.net) -->
<!-- Web Site: http://website.lineone.net/~mike_mcgrath -->
<!--
// preload the swap images
var pre=new Image(); pre.src="example01b.gif"; example02b.gif"; "example03b.gif";
function swp(n)
{
// netscape 6 rollovers
if(navigator.appName=="Netscape" && document.getElementById)
{
document.getElementById("a").src=(n!=0)?"example01b.gif":"example01a.gif";
document.getElementById("b").src=(n!=0)?"example02b.gif":"example02a.gif";
document.getElementById("c").src=(n!=0)?"example03b.gif":"example03a.gif";
}
else
// netscape 3, 4, opera 5 and ie 5 rollovers
with(document.images)
{
if(n!=0)
{
a.src="example01b.gif"; b.src="example02b.gif"; c.src="example03b.gif";
}
else
{
a.src="example01a.gif"; b.src="example02a.gif"; c.src="example03a.gif";
}
}
}
//-->
</script>
| 
우선 자바스크립트 소스를 <head>~</head>사이에 소스를 넣습니다. 
<body>~</body>사이에 아래와 같은 방법으로 그림을 링크합니다
