Slide2 슬라이드 쇼 예제 소스는 3장의 이미지가 겹쳐져 있는 상태에서 첫번째 이미지는 보이고 두번째, 세번째 이미지는 감추어진 상태로 시작한다. 3초 단위로 switchImg() 함수가 호출된다. switchImg()함수는 이미지 목록의 첫번째 이미지를 감추고 목록의 뒤로 이동시키고 두번째 이미지를 화면에 표시한다. var interval = 3000; 이미지가 교체되는 주기는 3초이다. $('.slideshow').each(function(){ }클래스 속성값으로 slideshow 을 갖는 각각의 객체에 대해서 파라미터로 전달된 콜백함수를 수행한다. 샘플은 slideshow 클래스를 갖는 가 하나이지만 여러개를 정의할 수도 있다. var container = $(this); 선택한 객체(DOM)를 jQuery 개체로 변환.. 2014. 4. 6. 07. jQuery Mobile 에서 페이지 트랜지션 Index 5. jQuery Mobile 의 단일 HTML 모델에 대한 이해 6. 페이지간 이동에 태그 대신 jQuery Mobile에서 제공하는 $.mobile.changePage() 메소드 사용 7. jQuery Mobile 에서 페이지 트랜지션 8. jQuery Mobile 페이지(data-role="page") 9. jQuery Mobile 컨텐트 페이지 트랜지션은 페이지에서 페이지로 이동할 때 애니메이션 효과를 말한다. jQuery Mobile 은 총 6개의 CSS기반 트랜지션 효과를 제공한다. slide 페이지가 오른쪽에서 왼쪽으로 미끄러지듯이 이동한다. (기본값) slide $.mobile.changePage("home.html", { transition : "slide" }); slideu.. 2013. 12. 2. 이전 1 다음
