본문 바로가기
프로그래밍/JavaScript

[자바스크립트] 이미지 슬라이드

by zoo10 2010. 12. 29.

이 자료는 현재 버그가 있습니다. 버그가 수정되기 전까지는 추천드리지 않습니다.
필요하시면 아래 링크의 다른 글을 참고하시기 바랍니다.
jQuery 를 이용한 이미지 로테이트


이미지가 슬라이딩 되는 자바스크립트입니다. 아래 예제를 보시면 됩니다. 이미 Jquery 를 이용해서 많이들 사용하시고 계신데요. 저는 Jquery를 사용하지 않고 짜봤습니다. 공부하실 목적이나 JQuery 프레임워크가 부담스러우신 분들 사용하시면 되겠습니다.

미리보기

이 소스는 다음 블로그에 상세히 설명을 했던 소스입니다. 파일은 첨부합니다. 첨부된 파일의 이미지 경로 부분은 환경에 맞게 수정해서 사용하셔야 합니다. 아~ 그리고 파일 타입은 ANSI타입입니다. 위 예제는 UTF-8입니다. 한글이 깨지길래 인코딩을 바꿔서 하나 더 저장했습니다. 사용법은 그리 어렵지 않습니다. 소스를 보시면 될 듯 합니다.

image_slider2.html


아마 소스에 대한 부분의 설명은 상세히 설명하지 않을 예정입니다. 포스트 작성에 걸리는 시간만큼 효율이 높지 않아 보여서요. 이전의 포스트들을 작성하면서 느낀게 있네요. 앞으로도 아마 만들어진 소스를 가지고 소개와 사용법 정도를 적는 것으로 간단히 적어야 겠습니다. 강좌 사이트에나 어울릴 법한 내용들이고 너무 길어서 읽기 조차 힘들더군요. ㅎㅎ;;