내용관리에 쓸 수 있는 썸네일 갤러리 코드

내용관리에서는 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 끝-->