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
일정시간 지날시 자동 스크롤 되도록 하고 싶습니다. 도와주세요 시간이 촉박해서 다른작업도 많아서 죽겠습니다.
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/
<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>
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>
이러게 하니까 되네요 .. 감사합니다.
-_-;; 근대 이거 끝에 도착하면 다시 시작하거나 방향 바꾸거나 못하나요 ㅜㅜ
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>
이러게 하니까 되네요 .. 감사합니다.
-_-;; 근대 이거 끝에 도착하면 다시 시작하거나 방향 바꾸거나 못하나요 ㅜㅜ