본문 바로가기

CSS Reference +

Design Reference +

Design Mockup +

Design UI Kits +

NEWS

SITE


광고

제이쿼리 갤러리

[Gallery] 워드프레스와 일반 갤러리를 제공하는 Nivo Slider 워드프레스 버젼은 29달러이지만 웹 버젼은 MIT라이센스입니다. 기존의 갤러리와 달리 입체감이 있게 모션을 주는 점이 기존 갤러리와 많이 다르죠^^ [미리보기] Novo Slider도 많이 사용하는 제이쿼리 갤러리 중에 하나죠^^ 중요한건 익스 7에서도 잘 작동이 되어야 하는데요^^ 갤러리에는 이상이 없는데 사이트 자체가 다 깨지네요~ 소스는 익스 7까지 지원이 됩니다. 먼저 테스트 한번 해보세요~ [다운받기]
[jQuery] 제이쿼리(jQuery) 튜토리얼(Tutorial) 모음입니다. [jQuery] 제이쿼리(jQuery) 튜토리얼(Tutorial) 모음입니다. 001. 제이쿼리를 이용한 12달 달력 코딩하기 Customizing and Theming jQuery UI Datepicker [미리보기] 002. 포토샵과 제이쿼리를 이용한 이미지 슬라이드 만들기 Customizing and Theming jQuery UI Datepick [미리보기] 003. 페이지 번호를 통한 페이지 스크롤 바 만들기 Extreme Makeover: jPaginator CSS3 Edition [미리보기] 004. CSS와 제이쿼리를 이용한 레이어 팝업 만들기 Super Simple Lightbox with CSS and jQuery [미리보기] 005. CSS3와 jQuery를 이용한 말풍선(Toolti..
[Tutorial][Gallery] 클릭하면 변하는 이미지 슬라이드4 [Gallery] 클릭하면 변하는 이미지 슬라이드 실무에서 쓰는 마크업 - webstoryboy 자동으로 이미지를 전환하기 효과입니다. 마우스를 오바하면 이미지 전환이 멈춤니다. sample jQuery html CSS #fadeShow { width:600px; height:380px; text-align:left; } #fadeShow img { position:absolute; /* 이미지에 절대값을 설정하여 한 곳에서 나오게 합니다. */ } #fadeShow .active { z-index:1; /* z-index값을 설정하여 맨 위로 올립니다 */ }