이번에 홈페이지좀 꾸밀라고하는데

메인이미지를 약 740 x 480 깔끔하게 해볼라고하는데

이런기능이있더라구요 

일단 사진첨부한걸 설명드리면..


이미지 4개가 순차적으로 나오는데 

아래 4개의 버튼으로 그 각각의 이미지가 보입니다.

그리고 각사진을 클릭하면 그 모델 링크로 넘어가고요..

지금 그냥 홈페이지 돌아다니다가 소스만 따온건데 

메모장에서 html로 바꿔서 봣는데 

버튼이미지가 안보이고 순차적으로 안나오고 그러더라고요.

html만 잘 카피하면 거기서 링크부분 또는 크기부분을 제가 나름대로 고칠수 잇는데.

지금 이 소스에서 어떻게 수정을 해야할지 모르겟네요..

도움좀 주세요 ㅠ

아래는 카피한 html 소스



<!--메인비주얼 S-->
<div class="mainvis">
<div class="coin-slider" id="coin-slider-Visslider">
<div id="Visslider" style="width: 713px; height: 407px; position: relative; background-image: url(http://file.designdb.com/AdBanner/1/13216320120402180329.jpg); background-position: 0% 0%; ">
<a href="/dreport/dblogView.asp?gubun=1&bbsPKID=20274">
<img src="http://file.designdb.com/AdBanner/1/13216320120402180329.jpg" alt="빈민촌의 골목길, 새로운 빛을 .." style="display: none; "></a>
<a href="/dreport/dblogView.asp?gubun=1&bbsPKID=20264">
<img src="http://file.designdb.com/AdBanner/1/13216320120402180250.jpg" alt="싱가포르 국제 가구디자인전" style="display: none; "></a>
<a href="/dreport/dblogView.asp?gubun=0&bbsPKID=20263">
<img src="http://file.designdb.com/AdBanner/1/13216320120402180119.jpg" alt="Tea의 향기에 흠뻑 빠져드는 .." style="display: none; "></a>
<a href="/dreport/dblogView.asp?gubun=0&bbsPKID=20271">
<img src="http://file.designdb.com/AdBanner/1/13216320120402180014.jpg" alt="르쏘메가 추구하는 스페인풍의.." style="display: none; "></a>
<div class="cs-title" id="cs-title-Visslider" style="position: absolute; bottom: 0px; left: 0px; z-index: 1000; opacity: 0; "></div>
<a href="/dreport/dblogView.asp?gubun=1&bbsPKID=20264" class="cs-Visslider" id="cs-Visslider11" style="width: 713px; height: 407px; float: left; position: absolute; left: 0px; top: 0px; background-image: url(http://file.designdb.com/AdBanner/1/13216320120402180250.jpg); opacity: 1; background-position: 0px 0px; " target=""></a>
<div id="cs-navigation-Visslider" style="display: none; "><a href="#" id="cs-prev-Visslider" class="cs-prev" style="position: absolute; top: 188.5px; left: 0px; z-index: 1001; line-height: 30px; opacity: 0.7; ">prev</a><a href="#" id="cs-next-Visslider" class="cs-next" style="position: absolute; top: 188.5px; right: 0px; z-index: 1001; line-height: 30px; opacity: 0.7; ">next</a></div>
</div>
<div id="cs-buttons-Visslider" class="cs-buttons" style="right: 20px; top: 360px; position: absolute; z-index: 10000; "><a href="#" class="cs-button-Visslider" id="cs-button-Visslider-1">1</a><a href="#" class="cs-button-Visslider cs-active" id="cs-button-Visslider-2">2</a><a href="#" class="cs-button-Visslider" id="cs-button-Visslider-3">3</a><a href="#" class="cs-button-Visslider" id="cs-button-Visslider-4">4</a></div>
</div>
</div>
<!--메인비주얼 E-->