jcaarousel 스킨 사용중입니다. 추가기능을 넣고 싶습니다. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

jcaarousel 스킨 사용중입니다. 추가기능을 넣고 싶습니다. 정보

jcaarousel 스킨 사용중입니다. 추가기능을 넣고 싶습니다.

본문

jquery 가로/세로 스크롤 최근 게시물 관련 스킨입니다.

http://www.sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=83747    을 사용중입니다.

이 스킨에서 기능을 좀 수정해야 합니다.

http://inforwed.eztake.com/V1/index.php

일정시간 지날시 자동  스크롤 되도록 하고 싶습니다.  도와주세요 시간이 촉박해서 다른작업도 많아서 죽겠습니다. 

댓글 전체

latest.skin.php 중에서
<script type="text/javascript">

jQuery(document).ready(function() {
    // Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('#horizontal_<?=$Rd?>').jcarousel();

// If you want to use a caoursel with different configuration options,
// you have to initialise it seperately.
// We do it by an id selector here.
    jQuery('#vertical_<?=$Rd?>').jcarousel({
        auto: 3,
        vertical: true,
        scroll: 2
    });
});

</script>

다음 추가
auto:3,

3초 지나면 스크롤합니다.

ref: http://sorgalla.com/projects/jcarousel/
소스 보기 해 보니 그대로입니다.

latest.skin.php 스킨에서 자바스크립트 부분을 수정하세요.



<script type="text/javascript">

jQuery(document).ready(function() {
    // Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('#horizontal_<?=$Rd?>').jcarousel();

// If you want to use a caoursel with different configuration options,
// you have to initialise it seperately.
// We do it by an id selector here.
    jQuery('#vertical_<?=$Rd?>').jcarousel({
        vertical: true,
        scroll: 2
    });
});

</script>

==>

<script type="text/javascript">

function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {
    jQuery('#vertical_<?=$Rd?>').jcarousel({
        auto: 2,
        wrap: 'last',
        initCallback: mycarousel_initCallback
    });
});


});

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

jQuery(document).ready(function() {
    // Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('#horizontal_<?=$Rd?>').jcarousel({
        auto: 3,
        scroll: 2
});

// If you want to use a caoursel with different configuration options,
// you have to initialise it seperately.
// We do it by an id selector here.
    jQuery('#vertical_<?=$Rd?>').jcarousel({
        auto: 3,
        vertical: true,
        scroll: 2
    });
});

</script>


이러게 하니까 되네요 .. 감사합니다.

-_-;;  근대 이거 끝에 도착하면 다시 시작하거나 방향 바꾸거나 못하나요 ㅜㅜ
전체 66,554 |RSS
그누4 질문답변 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT