자주묻는질문
상품 관리
메인 게시판 목록에 롤링 효과 적용하기
게시판 목록을 아래로 하나씩 롤링해주는 기능을 적용할 수 있어요.
자세히 알아보기
메인 게시판 목록에 적용하기
스마트디자인 편집창에서 좌측 하단에서 [화면추가]를 선택해 주세요.
게시판 롤링 관련 css, js 파일을 추가해 주세요. (css, js소스...':'-1px'});
}
list.css({'top':0}).animate... #boardVerSlide_3으로 변경해주세요.
JS 파일 - boardVerSlide.js
... 생략
/* ***** 복사 ***** */
$(function(){
/*
메인 > 자유 게시판 롤링 옵션 설정
- direction : up(위로)
- delay : 타이머(기본 5초 == 5000)
- view : 보여질 개수
*/
$("#boardVerticalSlide_1").boardVerSlide({
direction : 'up',
delay : 3000,
view : 5
});
}); /* ***** 복사 ***** */
/* ***** 붙여넣기 ***** */
$(function(){
/*
메인 > 자유 게시판 롤링 옵션 설정
- direction : up(위로)
- delay : 타이머(기본 5초 == 5000)
- view : 보여질 개수
*/
$("#boardVerticalSlide_2").boardVerSlide({
direction : 'up',
delay : 3000,
view : 5
});
});
롤링 효과를 적용하고 싶은 게시판 모듈에 추가한 id값을 넣어 주세요.이와 같이 소스를 추가하면 2개의 게시판 목록에 롤링 효과가 적용되어요.
<div id="boardArea">
<!--@css(/css/module/layout/boardVerSlide.css)-->
<!--@js(/js/module/layout/boardVerSlide.js)-->
<div id="boardVerticalSlide_2" module="board_listpackage_5">