백그라운드 이미지가 변경되는 backstretch 입니다.

일정한 딜레이 간격으로 백그라운드 이미지에 애니메이션 효과를 줄 수 있습니다.

유명한 라이브러리 입니다.

아래의 소스코드 처럼 jquery , backstretch.js 파일을 링크하여 사용가능 합니다.

해당 압축파일 안에 데모가 포함되어 있습니다.

MIT 라이센스 입니다.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script src="jquery.backstretch.min.js"></script>

<script>

    $.backstretch("pot-holder.jpg", {speed: 500});

    $("#pot-holder").click(function (e) {

      e.preventDefault();

      $.backstretch("pot-holder.jpg");

    });

    $("#coffee").click(function (e) {

      e.preventDefault();

      $.backstretch("coffee.jpg");

    });

</script>​