jquery 슬라이드 질문드립니다!

자바스크립트 쪽은 원래 잘 안왔었는데요, 사이트를 제작하다보니 찾게 되었습니다. (__)

죄송합니다. 자주 찾고 드나들면서 질문을 드려야 하는데요. 허허...

q.

요놈  http://www.htmldrive.net/items/show/244/amazon-style-image-and-title-scroller-with-jQuery-2011.8.30-update-Added-loop-scroll

을 다운받아서 


처럼 변형을 시켰습니다. 

그런데 수정 요청이 들어왔습니다.
다름이 아니라 지금처럼 화살표 버튼을 클릭 시 지금처럼 1개씩 움직이는 것이 아니라 다섯개가 한꺼번에 슬라이딩 되는 형태로 변경해 달라는 것이었지요.

그런데 인덱스에 들어 있는 파라메타는

 <script language="javascript" type="text/javascript">

            $(function() {
                $("#amazon_scroller1").amazon_scroller({
                    scroller_title_show: 'disable',
                    scroller_time_interval: '1000',
                    scroller_window_background_color: "#fff",
                    scroller_window_padding: '26',
                    scroller_border_size: '1',
                    scroller_border_color: '#eee',
                    scroller_images_width: '80',
                    scroller_images_height: '120',
                    scroller_title_size: '15',
                    scroller_title_color: 'black',
                    scroller_show_count: '6',
                    directory: 'slide/images'
                });
            });
        </script>

이것들로서 보시다시피 슬라이딩되는 이미지 갯수 조절은 없습니다. scroller_show_count는 진열되는 이미지 갯수입니다.

혹 제이쿼리 파일 자체를 대대적으로 뜯지 않는 범위내에서 원하는 기능 구현이 가능한지 궁금합니다!!
|

댓글 4개

amazon_scloller.js 파일의 play() 를 수정해야 할것으로 보입니다.
약간의 패널티를 생각한다면, 몇줄정도만 고치면 될것 같네요.
(수정해보다가 editplus가 먹통 되버렸네요.ㅠ.ㅠ)
li 각 속성안에
<table>을 사용해서 5개 묶어서 넣어보세요.

이때는 scroller_show_count: 1 로 해주시고요.
아아 감사합니다 두분 다 ^^
다른 분들은 어떻게 보이는지 모르겠는데, Chrome을 사용 중인 저는 오른쪽 화살표를 연타했을 때 왼쪽으로 책이 사라지고 오른쪽에서 책이 나오지 않네요.

해당 라이브러리에 문제가 있는 건진 모르겠지만, 기능 수정+버그 해결을 위해 코드를 새로 작성하는 것도 나쁘지 않은 선택이 될 것 같습니다.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
13년 전 조회 2,101
13년 전 조회 900
13년 전 조회 678
13년 전 조회 647
13년 전 조회 1,371
13년 전 조회 1,750
13년 전 조회 1,224
13년 전 조회 713
13년 전 조회 849
13년 전 조회 1,336
13년 전 조회 1,290
13년 전 조회 626
13년 전 조회 3,424
13년 전 조회 1,290
13년 전 조회 4,450
13년 전 조회 854
13년 전 조회 1,849
13년 전 조회 933
13년 전 조회 831
13년 전 조회 1,738
13년 전 조회 707
13년 전 조회 1,678
13년 전 조회 765
13년 전 조회 1,549
13년 전 조회 1,076
13년 전 조회 4,136
13년 전 조회 2,135
13년 전 조회 953
13년 전 조회 778
13년 전 조회 1,340
13년 전 조회 982
13년 전 조회 1,108
13년 전 조회 2,201
13년 전 조회 852
13년 전 조회 2,909
13년 전 조회 2,900
13년 전 조회 1,156
13년 전 조회 859
13년 전 조회 2,394
13년 전 조회 986
13년 전 조회 1,239
13년 전 조회 763
13년 전 조회 1,886
13년 전 조회 1,183
13년 전 조회 1,241
13년 전 조회 1,579
13년 전 조회 679
13년 전 조회 3,755
13년 전 조회 1,006
13년 전 조회 1,883
13년 전 조회 1,380
13년 전 조회 751
13년 전 조회 4,729
13년 전 조회 600
13년 전 조회 2,723
13년 전 조회 1,061
13년 전 조회 727
13년 전 조회 1,105
13년 전 조회 7,875
13년 전 조회 1,045
13년 전 조회 2,136
13년 전 조회 1,582
13년 전 조회 1,120
13년 전 조회 4,177
13년 전 조회 789
13년 전 조회 1,269
13년 전 조회 891
13년 전 조회 948
13년 전 조회 1,638
13년 전 조회 2,439
13년 전 조회 971
13년 전 조회 1,082
13년 전 조회 1,034
13년 전 조회 1,402
13년 전 조회 641
13년 전 조회 1,108
13년 전 조회 612
13년 전 조회 1,027
13년 전 조회 783
13년 전 조회 1,215
13년 전 조회 1,643
13년 전 조회 1,302
13년 전 조회 9,487
13년 전 조회 1,854
13년 전 조회 3,431
13년 전 조회 549
13년 전 조회 1,541
13년 전 조회 795
14년 전 조회 631
14년 전 조회 632
14년 전 조회 4,389
14년 전 조회 1,580
14년 전 조회 2,063
14년 전 조회 771
14년 전 조회 1,108
14년 전 조회 1,640
14년 전 조회 639
14년 전 조회 1,701
14년 전 조회 1,405
14년 전 조회 3,093
🐛 버그신고