jQuery 썸네일형 리스트형 [HTML5+CSS3]제리쿼리(jQuery)를 사용해 투명도 사진 갤러리 간단 소스 [HTML5+CSS3]제리쿼리(jQuery)를 사용해 투명도 사진 갤러리 간단 소스 CSS를 사용해 마크업을 하고, 모션은 제이쿼리(JQuery)를 사용해 간단하게 만들어보았습니다. 결과물 화면입니다. 소스 화면입니다. 다운로드 하셔서 분석해 보셔요 누구나 모바일 슬라이드 포토갤러리 구현할 수 있다 텍 기존의 클릭 방식이 아닌, 손가락으로 쓸어 넘기면 마치 앱 처럼 부드럽게 다음 슬라이드로 넘어가는 것이 이 소스가 가지는 가장 큰 특징입니다. 관련 사이트 및 링크 공식웹 사이트 : http://www.photoswipe.com/ 미리보기 : http://www.photoswipe.com/latest/examples/04-jquery-mobile.html 다운로드 : http://github.com/downloads/codecomputerlove/PhotoSwipe/code.photoswipe-2.1.6.zip 출처 - http://mjuzhj23.blog.me/140141533634 [jQuery]이미지 로딩 - Lazy Load Plugin for jQuery(특정영역) Lazy Load Plugin for jQuery 이미지 파일들을 페이지 호출시 무작정 보여주는 것이 아니라 브라우져의 가시영역을 이동(스크롤)할 경우에만 해당 영역의 이미지를 보여주는 기능 사용법 1. 헤더부분에 아래코드를 넣음 2. 이미지 태그를 지정함 (기본코드) $("img").lazyload(); 3. 실제 적용예제(img/grey.gif 파일을 이미지 로드전에 보여줌) $(function() { $("img").lazyload({placeholder : "img/grey.gif"}); }); 4. 특정영역에만 코드적용 게시판이나 본문내용외에 다른 이미지의 로드가 오작동하는.. 제이쿼리(JQuery)를 이용한 썸네일 이미지 갤러리 제이쿼리(JQuery)를 이용한 썸네일 이미지 갤러리 CSS를 사용해 마크업을 하고, 모션은 제이쿼리(JQuery)를 사용해 간단하게 만들어보았습니다. 결과물 화면이구요. 소스 화면입니다. 다운로드 하셔서 분석해 보셔요 [HTML5+CSS3]제이쿼리(jquery)를 사용한 이미지 슬라이드 코드 제이쿼리(jquery)를 사용한 이미지 슬라이드 코드 IR기법, IS기법을 사용하여 레이아웃을 잡은 후 제이쿼리(jquery)의 animate를 사용해 모션을 먹인다. 여기서 요점은 html5에서는 태크 속성을 개발자가 정의하고, 값을 넣을 수 있다는 것(ex. data-left="-640px); 부모오브젝 position은 raltive로, 모션을 먹일 자식오브젝은 position을 absolute로 정의 이다. ㅎㅎㅎ 제이쿼리(JQuery), CSS3, HTML5 효과 튜토리얼 모음 HTML / CSS [HTML/CSS] 001. CSS3를 이용한 탭 메뉴(tab menu) 만들기 How to Create a CSS3 Tabbed Navigation [미리보기] [HTML/CSS] 002. CSS3를 이용한 버티컬 네비게이션 메뉴 만들기 Orman Clark’s Vertical Navigation Menu [미리보기] [HTML/CSS] 003. CSS3를 이용한 오목한 버튼 이미지 코딩하기 Tagtastic Tag Cloud with CSS Transformations [미리보기] [HTML/CSS] 004. 웹폰트와 배경이미지를 이용한 별 코딩Create a Rating System With CSS, Web fonts and Sprites [미리보기] [HTML/CSS] 005... 이전 1 2 다음
