수다닷컴

안녕하세요.애니메이션 소개를 위해 아래와 같은 디자인으로 페이지를 구축하려고 합니다.기능은 다음과 같습니다.1. 스틸컷은 여러장의 사진이 들어가 있고 좌우 화살표를 클릭하여 사진들을 볼 수있다. (slide 이용)2. 썸네일을 클릭하면 하단의 스틸컷중에서 클릭한 썸네일의 원본 스틸컷으로 이동한다.(썸네일의 구성과 스틸컷의 구성은 당연히 같겠죠)
(1)번은 구현했으나, (2)번은 어떻게 해야 할지 몰라 조언을 구하려고 합니다.해당되는 소스를 아래와 같습니다.
script type=text/javascript src=/Scripts/jquery_slides/slides.min.jquery.js/script--- 소스 중략 --ul class=thumb lia href=#img src=/img/ani/still_t_01.jpg alt=//a/li lia href=#img src=/img/ani/still_t_01.jpg alt=//a/li lia href=#img src=/img/ani/still_t_01.jpg alt=//a/li lia href=#img src=/img/ani/still_t_01.jpg alt=//a/li lia href=#img src=/img/ani/still_t_01.jpg alt=//a/li /ul--- 소스 중략 --!-- // 슬라이드 // --div id=ani_show div id=ani_slides div class=s_sliderbutton style=position:absolute; left:0; top:0; z-index:200;a class=previmg src=/img/ani/left.png width=20 height=396 alt=Previous//a/div div class=ani_container img src=/img/ani/still_01.jpg alt=스틸컷 / img src=/img/ani/still_01.jpg alt=스틸컷 / img src=/img/ani/still_01.jpg alt=스틸컷 / /div div class=s_sliderbutton style=position:absolute; left:670px; top:0; z-index:200;a class=nextimg src=/img/ani/right.png width=20 height=396 alt=Next //a/div /div/div

신청하기