본문 바로가기

광고

Design

Reference

Tutorial

웹 표준 사이트 만들기
반응형 웹 사이트 만들기

CSS

NEWS

SITE

Coding


광고

갤러리

[Gallery] 흔하게 평범하게 다양하게 많이 쓰이는 jcarousel 흔하게 평범하게 다양하게 많이 쓰이는 jcarousel 제이쿼리 소스입니다.외국에 사이트를 보면 이 소스가 많이 쓰여서 한번 가져와 봤습니다.[미리보기]왠지 꼼꼼하게 잘 만들었다는 느낌이 드네요^^[다운로드]MIT license
[Gallery] 호환성, 터치, 반응형, CSS3을 지원하는 갤러리 제이쿼리 carousel.js 지금껏 본 소스 중에 최고네요~부분한 부분이 없어요. 익스7에서도 적용이 되고CSS3에 터치까지 지원을 하면서 반응형도 지원이 되고~갤러러 제이쿼리 게시판을 만들었지만 다른거 보지 마세요~현존하는 제이쿼리 중에 이게 최고 인것 같습니다. ㅋㅋhttp://owlgraphic.com/owlcarousel/종류도 이렇게 다양해요~내가 원하는 스타일을 골라서 쓸 수도 있구요~다양한 옵션 설정도 가능합니다.데모를 보면 얼마나 좋은 소스지 바로 알 수 있습니다.Click events inside itemsRandomize items and buttons outside slider.Navigation on top by custom eventsNavigation on top by afterInit callbackPro..
[Gallery] 주로 사이트 하단에 많이 쓰이는 회사 정보 갤러리 flexisel.js 주로 사이트 하단에 많이 사용되는회사정보 자동 배너 제이쿼리 플러그인입니다.반응형까지 지원을 하는 Responsive Carousel plugin입니다.[미리보기]자동으로 움직이기, 클릭해서 움직이기 등여러가지 기능이 지원이 되네요^^[다운받기]
[Gallery] 반응형까지 지원이 되는 갤러리를 찾는다면 Slippry.js 반응형까지 지원이 되는 갤러리입니다.다양한 샘플도 보여주기 때문에적용하기 좋은 것 같네요^^기존에 보기 힘든 사진효과는 좋네요^^사진효과 보기샘플보기단점이 있다면 Html5/CSS3로 제작이 되었기 때문에익스플로러 7,8버젼에서는안된다는 사실...이 조금 아쉽네요^^다운은 홈페이지에서 받으세요http://slippry.com
[Tutorial][Gallery] 클릭하면 변하는 이미지 슬라이드2 [Gallery] 클릭하면 변하는 이미지 슬라이드 실무에서 쓰는 마크업 - webstoryboy 썸네일 이미지를 클릭하면 이미지가 효과를 내면서 바뀌는 갤러리입니다. Rseult jQuery jQuery(document).ready(function(e) { /* 제이쿼리 선언 */ $("#thumbImg a").click(function(){ /* 작은 이미지를 클릭 했을 때 동작 설정 */ var path = $(this).attr("href"); /* 변수 설정 : attr 속성을 이용해 href 첨부 */ $("#largeImg > img").attr({ src: path }); /* 큰 이미지 속성에 path 변수 첨부 */ $("#largeImg > img").css("opacity","0")...
[Tutorial][Gallery] 클릭하면 변하는 이미지 갤러리 [Gallery] 클릭하면 변하는 이미지 슬라이드 실무에서 쓰는 마크업 - webstoryboy 썸네일 이미지를 클릭하면 이미지가 바뀌는 갤러리입니다. Result jQuery jQuery(document).ready(function(e) { /* 제이쿼리 문서 선언 */ $("#thumbImg a").click(function(){ /* 작은 이미지를 클릭 했을 때 동작 설정 */ var path = $(this).attr("href"); /* 변수 설정 : attr 속성을 이용해 href 첨부 */ $("#largeImg > img").attr({ src: path }); /* 큰 이미지 속성에 path 변수 첨부 */ return false; }); }); html /* 큰 이미지 설정 */ /* ..