너무 얻어만 먹는것 같아서 처음으로 올려 봅니다 완전 초보 수준 입니다. 최신글 베이식 이구요 테마사용시 theme/skin/latest 아래 업로드 사용할곳에 붙이세요 pc 용 ...
갤러리최신글 슬라이드형태 jcarousel_basic
갤러리최신글 슬라이드형태 jcarousel_basic 제이쿼리활용한 사례입니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
그누보드5 스킨
2,752건좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
최신글
갤러리
처음에 관리자에서 갤러리 크기를 수정하시고 하세요 좀 크게 잡으시는게 좋을거에요
최신글
반응형으로 PC, 모바일, 테블릿 다 됩니다.
최신글
갤러리최신글 슬라이드형태 jcarousel_basic 제이쿼리활용한 사례입니다.
최신글
최신글 갤러리 좌우스크롤입니다. 부족하지만 잘쓰세요 버그있으면 알려주세요~~ 메인에서
최신글
갤러리형 최신글 좌우 스크롤가능 Inline-slider01
게시판
갤러리형 게시판스킨입니다. 보시는 이미지처럼 목록이 나오고 클릭하면 슬라이드처럼 원본이미지를 감상할수 있습니다.
갤러리
http://sir.co.kr/g5_skin/7650 위 내용과 달라진 부분은 거의 없습니다. 경로가 테마로 바뀐 것과 극히 일부의 소스가 업데이트 된 것 뿐입니다. 'your t...
게시판
기본게시판을 조금 수정해서 블랙스타일로 만들어 봤습니다.
게시판
라이트박스 갤러리 게시판입니다. 리스트갤러리를 클릭하면 풀사이즈로 갤러리를 큰이미지로 감상할수 있습니다. 스킨적용은 해당 게시판 스킨에 업로드하셔서 적용하시면 됩니다.
갤러리
라이트박스 갤러리 게시판입니다. 리스트갤러리를 클릭하면 풀사이즈로 갤러리를 큰이미지로 감상할수 있습니다. 스킨적용은 해당 게시판 스킨에 업로드하셔서 적용하시면 됩니다.
댓글 12개
이스킨을 사용시 js파일에서 오토(자동스크롤을 설정시)
$('.jcarousel')
.jcarouselAutoscroll ({
interval: 3000,
target: '+=1',
autostart: true
});
추가로 넣어주시고 3000; = 3초닌깐 잘 조절해서 쓰시면 더욱더 도움될거 같습니다
다시 1로 갈려면 어떻게 해야되나요?
// "this" refers to the root element
// "carousel" is the jCarousel instance
});
카우셀이 끝나면 다시 로드
한번은 오토 롤링이 되는데 다시 처음 1번으로 가지를 않습니다.
혹시 제가 돼지코구뇽님이 작성해주신 소스를 잘못 적용한건지..
$('.jcarousel').jcarouselAutoscroll({
interval: 5000
});
$('.jcarousel').jcarouselAutoscroll({
target: '+=4'
});
$('.jcarousel').on('jcarousel:reload', function(event, carousel){
// "this" refers to the root element
// "carousel" is the jCarousel instance
});
});
})(jQuery);
위와 같이 적용했는데 제대로 한건가요?.....
(function($) {
$(function() {
$('.jcarousel').jcarousel();
$('.jcarousel-control-prev')
.on('jcarouselcontrol:active', function() {
$(this).removeClass('inactive');
})
.on('jcarouselcontrol:inactive', function() {
$(this).addClass('inactive');
})
.jcarouselControl({
target: '-=1'
});
$('.jcarousel-control-next')
.on('jcarouselcontrol:active', function() {
$(this).removeClass('inactive');
})
.on('jcarouselcontrol:inactive', function() {
$(this).addClass('inactive');
})
.jcarouselControl({
target: '+=1'
});
$('.jcarousel-pagination')
.on('jcarouselpagination:active', 'a', function() {
$(this).addClass('active');
})
.on('jcarouselpagination:inactive', 'a', function() {
$(this).removeClass('active');
})
.jcarouselPagination();
$('.jcarousel')
.jcarousel({
wrap: 'circular'
})
.jcarouselAutoscroll({
target: '+=1',
interval: 3000
});
});
})(jQuery);