에티테마
미디어 | 무료템플릿자료실 | 포트폴리오

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

페이지 정보

작성자 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 129회 작성일 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 26건 1 페이지
자료실 목록
번호 제목 글쓴이 조회 날짜
26 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 134 03-20
열람중 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 130 03-20
24 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 139 03-20
23 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 81 03-20
22 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 107 03-20
21 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 52 03-20
20 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 56 03-20
19 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 108 03-20
18 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 48 03-20
17 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 44 03-20
16 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 56 03-20
15 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 54 03-20
14 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 61 03-20
13 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 41 03-20
12 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 62 03-20
게시물 검색

카테고리

카테고리
 질문답변
 작업요청
 그누보드팁
 영카트팁
 그누M팁
자료실

프리미엄

프리미엄

최근이미지리스트

최근이미지리스트