====== 슬라이드뷰 기본 가이드 ====== 이 화면은 슬라이드뷰 샘플화면이다. 슬라이드뷰는 아이템을 좌우 혹은 상하 방향등으로 이동시킬때 사용한다. slide_move_gap속성을 1~100으로 설정시 마우스 드래그 혹은 모바일에서는 터치로 아이템을 이동시킬 수 있다. 관련 API로 startslide, stopslide, movenext, moveprev가 있다. ===== 예시 ===== 템플릿 위치: /HTML5/COMPONENT/SLIDEVIEW/slideview_basic 템플릿 파일 * [[xf5projecthome>template/screen/HTML5/COMPONENT/SLIDEVIEW/slideview_basic.xml|slideview_basic.xml]] * [[xf5projecthome>template/screen/HTML5/COMPONENT/SLIDEVIEW/slideview_basic.js|slideview_basic.js]] * [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/SLIDEVIEW/slideview_basic|새창으로 실행]] echo ''; echo ''; echo ''; ==== 화면 스크립트 ==== function btn_autoStart_on_mouseup(objInst) { // 자동 이동 시작 slideview1.startslide(); } function btn_autoStop_on_mouseup(objInst) { // 자동 이동 정지 slideview1.stopslide(); } function btn_movenext_on_mouseup(objInst) { // 다음 아이템 표시하기 slideview2.movenext(); } function btn_moveprev_on_mouseup(objInst) { // 이전 아이템 표시하기 slideview2.moveprev(); }