 이미지 앨범 만들기 (홈피관리) |
 
|
| 2004-04-19 (월) 13:09 조회:1427 | |
|
|
|
|
작은 그림에 마우스를 올리면 큰 그림이 바뀌는 소스 입니다 ------------------------------------------------------------------------------------ <html> <head> <title>이미지 앨범</title> <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> <script language="JavaScript"> <!-- function mysesangimg(myimg) { if (myimg==1) my.src="큰 이미지 주소"; if (myimg==2) my.src="큰 이미지 주소"; if (myimg==3) my.src="큰 이미지 주소"; if (myimg==4) my.src="큰 이미지 주소"; } // --> </script> </head> <body> <img src="큰 이미지 주소" name="my"><p> <img style="cursor:hand" onMouseOver="mysesangimg(1)" src="작은 이미지 주소" width="125" height="94"> <img style="cursor:hand" onMouseOver="mysesangimg(2)" src="작은 이미지 주소" width="125" height="94"> <img style="cursor:hand" onMouseOver="mysesangimg(3)" src="작은 이미지 주소" width="125" height="94"> <img style="cursor:hand" onMouseOver="mysesangimg(4)" src="작은 이미지 주소" width="125" height="94"> </body> </html> ------------------------------------------------------------------------------------ * Tip * 이 소스는 작은 이미지에 마우스만 가면 큰 그림이 바뀌지만 작은 이미지를 클릭하여야 큰그림이 바뀌게하는것은 소스중 onMouseOver를 onclick으로 바꾸면 됩니다. |
| 
|
