무료홈페이지제작 - 에티테마
미디어 | 무료템플릿자료실 | 포트폴리오

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

페이지 정보

작성자 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 802회 작성일 19-03-20 21:10
라이센스 라이센스를 입력하지 않았습니다 파일내 포함되어 있는 문서를 참고해주세요.
데모 데모 (195)
다운로드 다운로드 (0)
개발사

본문

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

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


아래의 소스코드 처럼 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 35건 1 페이지

카테고리

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

프리미엄

프리미엄

최근이미지리스트

최근이미지리스트