무료홈페이지제작 - 에티테마

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

페이지 정보

작성자 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 263회 작성일 19-03-20 21:10

본문

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

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


아래의 소스코드 처럼 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>​

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.

Total 27건 1 페이지
27
조회 24
작성일 2019-07-08
26
조회 330
작성일 2019-03-20
열람중
조회 264
작성일 2019-03-20
24
조회 287
작성일 2019-03-20
23
조회 211
작성일 2019-03-20
22
조회 263
작성일 2019-03-20
21
조회 176
작성일 2019-03-20
20
조회 167
작성일 2019-03-20
19
조회 252
작성일 2019-03-20
18
조회 168
작성일 2019-03-20
17
조회 167
작성일 2019-03-20
16
조회 172
작성일 2019-03-20
15
조회 186
작성일 2019-03-20
14
조회 183
작성일 2019-03-20
13
조회 165
작성일 2019-03-20

카테고리

카테고리
 질문답변
 팁게시판
 영카트팁
 그누M팁
자료실

프리미엄

프리미엄

최근이미지리스트

최근이미지리스트