스크립트를 사용해서 하는 방법은 다양하나 css를 이용해서 마우스 오버시 이미지 확대하는 효과입니다.
응용해서 사용하면 괜찮을듯 합니다.
css 소스는 다음과 같습니다.
<style type="text/css">
img { position:absolute;border:0; }
a:hover img { width:600px; height:400px; padding:5px; background:#fff; border:1px solid #000; } /* 확대했을때 보여질 이미지 */
</style>
<body> 안에 이미지가 위치할 부분에 다음소스를 넣으시면 됩니다.
<a href="클릭시이동한곳"><img src="이미지경로" alt="확대이미지" width="300" height="200" /></a>
다양한 방법으로 응용해 보세요.^^
댓글 없음:
댓글 쓰기