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,109
13년 전 조회 912
13년 전 조회 691
13년 전 조회 653
13년 전 조회 1,379
13년 전 조회 1,764
13년 전 조회 1,235
13년 전 조회 719
13년 전 조회 855
13년 전 조회 1,342
13년 전 조회 1,300
13년 전 조회 640
13년 전 조회 3,431
13년 전 조회 1,297
13년 전 조회 4,460
13년 전 조회 865
13년 전 조회 1,859
13년 전 조회 944
13년 전 조회 844
13년 전 조회 1,752
13년 전 조회 716
13년 전 조회 1,686
13년 전 조회 777
13년 전 조회 1,556
13년 전 조회 1,086
13년 전 조회 4,145
13년 전 조회 2,143
13년 전 조회 967
13년 전 조회 794
13년 전 조회 1,353
13년 전 조회 990
13년 전 조회 1,118
13년 전 조회 2,208
13년 전 조회 864
13년 전 조회 2,921
13년 전 조회 2,910
13년 전 조회 1,164
13년 전 조회 875
13년 전 조회 2,401
13년 전 조회 997
13년 전 조회 1,253
13년 전 조회 773
13년 전 조회 1,901
13년 전 조회 1,198
13년 전 조회 1,254
13년 전 조회 1,586
13년 전 조회 691
13년 전 조회 3,766
13년 전 조회 1,022
13년 전 조회 1,894
13년 전 조회 1,389
13년 전 조회 764
13년 전 조회 4,737
13년 전 조회 611
13년 전 조회 2,732
13년 전 조회 1,073
13년 전 조회 739
13년 전 조회 1,114
13년 전 조회 7,883
13년 전 조회 1,054
13년 전 조회 2,142
13년 전 조회 1,591
13년 전 조회 1,133
13년 전 조회 4,188
13년 전 조회 806
13년 전 조회 1,280
13년 전 조회 901
13년 전 조회 959
13년 전 조회 1,652
13년 전 조회 2,446
13년 전 조회 980
13년 전 조회 1,097
13년 전 조회 1,040
13년 전 조회 1,415
13년 전 조회 648
13년 전 조회 1,118
13년 전 조회 629
13년 전 조회 1,041
13년 전 조회 797
13년 전 조회 1,227
13년 전 조회 1,652
13년 전 조회 1,309
13년 전 조회 9,499
13년 전 조회 1,868
13년 전 조회 3,445
13년 전 조회 566
14년 전 조회 1,550
14년 전 조회 805
14년 전 조회 642
14년 전 조회 637
14년 전 조회 4,398
14년 전 조회 1,590
14년 전 조회 2,079
14년 전 조회 778
14년 전 조회 1,122
14년 전 조회 1,656
14년 전 조회 652
14년 전 조회 1,712
14년 전 조회 1,420
14년 전 조회 3,105
🐛 버그신고