김

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

· 2012-02-14 (화) 01:21:30 · 4040 · 4
자바스크립트 쪽은 원래 잘 안왔었는데요, 사이트를 제작하다보니 찾게 되었습니다. (__)

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

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개

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

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

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

프로그램

8,188건
+
제목 글쓴이 날짜 조회
12-04-10 조회 3,915
12-04-06 조회 5,353
12-04-06 조회 3,129
12-04-04 조회 4,222
12-04-02 조회 3,518
12-03-30 조회 3,463
12-03-29 조회 6,011
12-03-28 조회 3,353
12-03-28 조회 4,282
12-03-27 조회 4,561
12-03-23 조회 3,762
12-03-21 조회 3,474
12-03-20 조회 3,287
12-03-18 조회 3,139
12-03-15 조회 3,301
12-03-12 조회 3,363
12-03-12 조회 3,292
12-03-08 조회 3,636
12-03-03 조회 3,718
12-03-03 조회 3,264
12-02-29 조회 3,547
12-02-28 조회 3,543
12-02-28 조회 3,370
12-02-28 조회 3,496
12-02-27 조회 3,913
12-02-27 조회 3,344
12-02-24 조회 3,478
12-02-24 조회 3,386
12-02-23 조회 3,684
12-02-20 조회 3,689
12-02-20 조회 4,073
12-02-17 조회 4,055
12-02-16 조회 3,231
12-02-15 조회 3,507
12-02-15 조회 3,569
12-02-14 조회 3,549
12-02-08 조회 3,502
12-02-06 조회 3,470
12-02-06 조회 3,890
12-01-25 조회 4,127
12-01-21 조회 4,038
12-01-20 조회 6,147
12-01-15 조회 3,643
12-01-15 조회 3,601
12-01-14 조회 3,497
12-01-14 조회 3,641
12-01-14 조회 3,367
12-01-12 조회 4,111
12-01-12 조회 4,269
12-01-10 조회 3,567
12-01-10 조회 4,392
12-01-09 조회 3,742
12-01-08 조회 6,993
12-01-08 조회 3,211
12-01-07 조회 3,562
12-01-06 조회 3,570
12-01-04 조회 3,724
12-01-03 조회 3,565
12-01-02 조회 3,966
12-01-02 조회 3,149
12-01-01 조회 4,089
12-01-01 조회 3,432
11-12-31 조회 3,686
11-12-31 조회 3,808
11-12-31 조회 3,627
11-12-30 조회 3,862
11-12-30 조회 5,040
11-12-30 조회 4,149
11-12-30 조회 4,307
11-12-30 조회 3,769
11-12-30 조회 3,491
11-12-30 조회 3,503
11-12-29 조회 3,239
11-12-22 조회 3,469
11-12-21 조회 3,419
11-12-20 조회 3,661
11-12-15 조회 5,438
11-12-15 조회 4,440
11-12-14 조회 5,484
11-12-12 조회 3,663
11-12-03 조회 3,429
11-11-26 조회 3,598
11-11-19 조회 3,733
11-11-01 조회 3,089
11-10-23 조회 2,722
11-10-21 조회 2,758
11-10-15 조회 3,162
11-10-15 조회 2,895
11-10-15 조회 3,567
11-10-15 조회 2,789
11-10-14 조회 2,825
11-10-13 조회 2,610
11-10-11 조회 2,855
11-10-10 조회 2,694
11-09-30 조회 3,543
11-09-30 조회 2,988
11-09-29 조회 4,823
11-09-29 조회 2,648
11-09-23 조회 2,690
11-09-16 조회 3,030