처음에 관리자에서 갤러리 크기를 수정하시고 하세요 좀 크게 잡으시는게 좋을거에요
갤러리최신글 슬라이드형태 jcarousel_basic
갤러리최신글 슬라이드형태 jcarousel_basic 제이쿼리활용한 사례입니다.
그누보드5 스킨
2,751건좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
반응형으로 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);