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,108
13년 전 조회 910
13년 전 조회 690
13년 전 조회 649
13년 전 조회 1,378
13년 전 조회 1,761
13년 전 조회 1,232
13년 전 조회 719
13년 전 조회 855
13년 전 조회 1,340
13년 전 조회 1,299
13년 전 조회 638
13년 전 조회 3,430
13년 전 조회 1,297
13년 전 조회 4,459
13년 전 조회 865
13년 전 조회 1,857
13년 전 조회 942
13년 전 조회 843
13년 전 조회 1,746
13년 전 조회 713
13년 전 조회 1,686
13년 전 조회 776
13년 전 조회 1,554
13년 전 조회 1,086
13년 전 조회 4,145
13년 전 조회 2,143
13년 전 조회 965
13년 전 조회 791
13년 전 조회 1,351
13년 전 조회 987
13년 전 조회 1,116
13년 전 조회 2,208
13년 전 조회 863
13년 전 조회 2,917
13년 전 조회 2,906
13년 전 조회 1,164
13년 전 조회 873
13년 전 조회 2,401
13년 전 조회 993
13년 전 조회 1,253
13년 전 조회 771
13년 전 조회 1,899
13년 전 조회 1,198
13년 전 조회 1,253
13년 전 조회 1,586
13년 전 조회 691
13년 전 조회 3,766
13년 전 조회 1,019
13년 전 조회 1,892
13년 전 조회 1,385
13년 전 조회 762
13년 전 조회 4,736
13년 전 조회 609
13년 전 조회 2,732
13년 전 조회 1,072
13년 전 조회 737
13년 전 조회 1,112
13년 전 조회 7,882
13년 전 조회 1,053
13년 전 조회 2,142
13년 전 조회 1,591
13년 전 조회 1,132
13년 전 조회 4,187
13년 전 조회 806
13년 전 조회 1,280
13년 전 조회 899
13년 전 조회 958
13년 전 조회 1,652
13년 전 조회 2,444
13년 전 조회 978
13년 전 조회 1,096
13년 전 조회 1,038
13년 전 조회 1,411
13년 전 조회 647
13년 전 조회 1,117
13년 전 조회 626
13년 전 조회 1,039
13년 전 조회 796
13년 전 조회 1,227
13년 전 조회 1,650
13년 전 조회 1,309
13년 전 조회 9,498
13년 전 조회 1,866
13년 전 조회 3,444
13년 전 조회 566
14년 전 조회 1,550
14년 전 조회 804
14년 전 조회 641
14년 전 조회 635
14년 전 조회 4,397
14년 전 조회 1,589
14년 전 조회 2,077
14년 전 조회 776
14년 전 조회 1,118
14년 전 조회 1,654
14년 전 조회 651
14년 전 조회 1,709
14년 전 조회 1,420
14년 전 조회 3,104
🐛 버그신고