[All] bxSlider를 이용한 배너 롤링하기
기존에 라이브로 되어 있지 않은 코드들을 정리하면서 블로그를 하는게 참 시간이 많이 소요됩니다. 진작 그렇게 할걸 그랬네. 하는 심정입니다.
업로드가 계속 늦고 있네요..
오늘은 bxSlider를 이용한 배너 롤링하기에 대해 포스팅 하려합니다.
홈페이지 하단을 보시다 보면, 많은 곳에서 배너 롤링을 사용한 것을 보실 수 있으십니다.자동으로 롤링되고, 클릭하면 롤링되고 멈추는 등 다양한 효과가 함께 구현이 되어있죠.배너롤링을 직접 만드실 수도있지만, 저는 bxSlider 플러그인을 통해 구현해보도록 하겠습니다.
업로드가 계속 늦고 있네요..
오늘은 bxSlider를 이용한 배너 롤링하기에 대해 포스팅 하려합니다.
홈페이지 하단을 보시다 보면, 많은 곳에서 배너 롤링을 사용한 것을 보실 수 있으십니다.자동으로 롤링되고, 클릭하면 롤링되고 멈추는 등 다양한 효과가 함께 구현이 되어있죠.배너롤링을 직접 만드실 수도있지만, 저는 bxSlider 플러그인을 통해 구현해보도록 하겠습니다.
배너 롤링에 어울리는 디자인을 위해, bxSlider 에서 제공하는 컨트롤 이미지 말고 외부의 이미지를 사용했습니다.
참고로 제가 사용한 bxSlider 플러그인은 하단 링크에서 다운받으시면 됩니다.
많은 내용이 있지만, jquery.bxslider.js 와 jquery.bxslider.css , images 폴더안에 있는 것만 서버에 업로드 하시면 됩니다.
댓글
댓글 쓰기