내용관리에 쓸 수 있는 썸네일 갤러리 코드 정보
내용관리에 쓸 수 있는 썸네일 갤러리 코드첨부파일
본문
내용관리에서는 php코드를 쓸 수가 없어 고심끛에 만들어 좠습니다...
유용하게 쓰였으면 합니다.
감사합니다.
<!-- 1 시작 -->
<style type="text/css">
.preview img { padding: 1px; width: 1000px;}
.thumbnails img { height: 60px; padding: 0px; margin: 10px 0px 10px 0px; border: 3px solid #fff;}
.thumbnails img:hover { cursor:pointer; border: 3px solid #b40000;}
</style>
<div align="center" class="gallery">
<div align="center" class="preview">
<img name="preview" alt="" src="../theme/cm/img/inte_01.jpg">
</div>
<div class="thumbnails">
<img name="img1" onmouseover="preview.src=img1.src" alt="" src="../theme/cm/img/inte_01.jpg">
<img name="img2" onmouseover="preview.src=img2.src" alt="" src="../theme/cm/img/inte_02.jpg">
<img name="img3" onmouseover="preview.src=img3.src" alt="" src="../theme/cm/img/inte_03.jpg">
</div><br>
</div>
<!-- 1 끝 -->
<!-- 2 시작 -->
<style>
.preview0 img { padding: 1px; width: 1000px;}
.thumbnails0 img { height: 60px; padding: 0px; margin: 10px 0px 200px 0px; border: 3px solid #fff;}
.thumbnails0 img:hover { cursor:pointer; border: 3px solid #b40000;}
</style>
<div align="center">
<div align="center" class="preview0">
<img name="preview0" alt="" src="../theme/cm/img/out_01.jpg">
</div>
<div class="thumbnails0">
<img name="img11" style="margin-rightt: 10px;" onmouseover="preview0.src=img11.src" alt="" src="../theme/cm/img/out_01.jpg">
<img name="img12" onmouseover="preview0.src=img12.src" alt="" src="../theme/cm/img/out_02.jpg">
</div><br>
</div>
<!-- 2 끝-->
4
댓글 전체