이미지 롤링4 jQuery 를 이용한 슬라이드 이미지 이번 포스팅은 이전에 제가 제작한 jQuery 를 사용하지 않은 자바스크립트 이미지 슬라이더에 버그가 있어서 jQuery 를 사용한 슬라이드를 긴급 제작하여 쓰는 글입니다. 역시 안정적인 라이브러리를 사용하는게 아주 중요합니다. ^^;; 음 그런데 한가지 제약이 있습니다. 이 스크립트를 사용하기 위해서는 HTML 과 StyleSheet 를 어느정도 수준으로 구사하실 수가 있어야 합니다. 그 부분까지 모두 다 설명드릴 수는 없는 점 양해 부탁드립니다. 일단 데모부터 확인해 주세요. 미리보기 jQuery.banner.js 파일이 필요합니다. 이 파일도 다운받아 적절한 위치에 가져다 놓으셔야 합니다. 소스는 하단에 첨부하겠습니다. 일단 사용법을 말씀드리면.$(function() { $("#image_list_.. 2011. 1. 22. [자바스크립트] Apple.com의 슬라이드 갤러리 애플 사이트의 구성중 하나인 슬라이드가 되는 이미지 갤러리를 구현해 봤습니다. 예제를 먼저 보실 수 있습니다. 배경색, 이미지 깨짐이 발생할 수 있습니다. 미리보기 CSS와 마크업을 조금 다듬으면 좀더 보기 좋을것 같습니다. 코딩은 간단하니 소스를 직접 참고하시면 되겠습니다. 소스는 첨부합니다. 그럼 즐프하세요~~ 2011. 1. 14. [자바스크립트] JSON 데이터를 이용한 컨텐츠 노출 스킨 변경 - 번외편(?) 이번 포스팅은 이전 4번의 포스팅으로 마무리 지었던 소스에 몇가지 기능을 더 추가한 버젼입니다. 멋지게 표현하면 스핀오프 시리즈라고 할까요? ^^ 상세보기에서 이전글/다음글을 볼 수 있는 기능과 썸네일 보기에서 핸들을 잡고 움직이면 콘텐츠가 움직이는 기능입니다. 모두 제가 이전에 포스팅 했던 소스들을 그대로 사용을 했으며 따로 보시길 원하시면 WEB > Javascript 카테고리에 보시면 있습니다. 혹시 모르니 제일 아래쪽에 링크도 쏴 드리죠. 결코 조회수를 늘리기 위함이 아닌... 하하하;;; 자 이제 미리보기를 통해 사용할만 하신지 확인해 보세요. 데모 실행해보기(실제 작동되는 예제입니다. 리스트/상세/썸네일 보기를 클릭해 보세요. 이미지는 깨질 수 있습니다.) 원래는 width가 935 픽셀이였는.. 2010. 12. 29. [자바스크립트] 이미지 슬라이드 이 자료는 현재 버그가 있습니다. 버그가 수정되기 전까지는 추천드리지 않습니다. 필요하시면 아래 링크의 다른 글을 참고하시기 바랍니다. jQuery 를 이용한 이미지 로테이트 이미지가 슬라이딩 되는 자바스크립트입니다. 아래 예제를 보시면 됩니다. 이미 Jquery 를 이용해서 많이들 사용하시고 계신데요. 저는 Jquery를 사용하지 않고 짜봤습니다. 공부하실 목적이나 JQuery 프레임워크가 부담스러우신 분들 사용하시면 되겠습니다. 미리보기 이 소스는 다음 블로그에 상세히 설명을 했던 소스입니다. 파일은 첨부합니다. 첨부된 파일의 이미지 경로 부분은 환경에 맞게 수정해서 사용하셔야 합니다. 아~ 그리고 파일 타입은 ANSI타입입니다. 위 예제는 UTF-8입니다. 한글이 깨지길래 인코딩을 바꿔서 하나 더 .. 2010. 12. 29. 이전 1 다음
