WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Sliders

XML Timeline Animation Banner

— 추가 기능 WorldWideScripts.net 에

@ko1wws최신 상태로 유지 하기 위해 우리의 피드를 구독!

새로운! 당신이 그것을 원하는대로 우리를 따르라!


XML Timeline Animation Banner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

XML 타임 라인 애니메이션 배너
아이폰의 아이 패드 전에, Flash는 웹에서 품질의 애니메이션을 제공하는 최고의 비용 효율적인 솔루션이었다. 하지만 플래시를 지원하는 iOS 기기의 증가 인기와 함께, 업계 천천히 표준을 열 이동하고있다. 개발자는 대부분 자신의 애니메이션의 요구에 자바 스크립트 애니메이션 라이브러리에 의존하고 있습니다. 불행하게도,이 라이브러리의 대부분은 여전히​​ XML 타임 라인 애니메이션 배너 해결하고 싶은 몇 가지 제한이있다. 아래의 기능을 확인하십시오. 그것은 단지 당신이 찾고있는 무엇을 수 있습니다.

풍모

1. CSS 애니메이션
이것은 정말 미친 빠른 애니메이션과 시퀀싱 DOM 요소와 Greensock 애니메이션 플랫폼 (GSAP) V12을 선택 JQuery와의 전원을 사용합니다. 당신은 테두리, 색, 백분율, 불투명도, skewX, skewY, scaleX가, scaleY를, 회전, X 및 Y와 같은 멋진 변환을 포함하여 DOM 요소의 거의 모든 CSS 속성에 애니메이션을 적용 할 수 있습니다. 당신이 입력에 필요한 XML에는 소정의 CSS 매개 변수가 없습니다. 단순히 당신이 하나 DOM elements.Below는 CSS 애니메이션을 보여주는 예를 들어 더 필요 속성 만 애니메이션.

2. 자바 스크립트 객체 속성과 기능 기반의 속성 트위닝
XML 타임 라인 애니메이션 배너은 DOM 요소 애니메이션에 한정되지 않는다. 또한 개체 속성을 트위닝 할 수있는 방법을 제공합니다. 당신은 하나의 객체 또는 배열을 사용하는 경우에도 여러 개체를 타겟팅 할 수 있습니다. 이 위대한 기능은 캔버스 요소에 그래픽 객체를 애니메이션 할 수있는 유연한 방법을 제공합니다. 또 다른 특징은 기능 기반의 속성을 트위닝 할 수있는 기능입니다. 당신이 기능 회전 (와 객체가 있다면 그것은 얻고 값을 가져 오거나 설정이) 작동합니다. 또한, 그것은 또한 당신이 setRotation ()와 getRotation 같은 기능을 가지고 경우에도 트위닝 할 수 있습니다 ().

3. 고급 타임 라인 시퀀싱
타임 라인을 사용하면 동일한 시작 시간에 애니메이션을 정렬하거나 그들에게 하나씩 정렬, 삽입 지점을 상쇄 할 수 있습니다. 심지어 각각의 애니메이션의 시작 시간에 첨가 될 수있는 시간을 설정할 수있다. 당신은 중첩 타임 라인 (타임 라인 내에서 타임 라인)에 의해 더 갈 수 있습니다. 또한 한 페이지에 별도의 컨트롤이 여러 배너를 가질 수 있습니다.

4. 크로스 브라우저, PC, 맥, 안드로이드 및 iOS 호환
PC와 맥, 안드로이드 또는 iOS 기기를 사용하십니까? 문제 없어. 이 자바 스크립트로 작성하기 때문에, 그것은 당신의 장치에서 작동합니다. 회전과 같은 특별한 변환을 포함하여 표준 CSS 속성, scaleX가가, scaleY를이, 규모, skewX는 s​​kewY x는 y는, transformOrigin도 Internet Explorer와 같은 고전적인 브라우저에서 모든 최신 브라우저에서 작동 브라우저에 따라 달라집니다 6. 비표준 CSS 속성 지원하다. 브라우저가 지원한다면, 그것은 애니메이션 할 수 있습니다.

5. 고급 사용자 컨트롤
애니메이션을 볼 때 사용자는 이제 (버퍼링)없이 비디오와 같은 컨트롤을 제공합니다. 반복, 일시 정지, 재생 또는 (시간 또는 라벨) 언제을 추구하므로 사용자는 일을 그리워 할 필요가 없습니다. 애니메이션의 다음 세트가 시작될 때 사용자가 알 수 있도록 정확하게 검색 막대에 표시된 라벨을 사용할 수 있습니다. 이는 모두는 XML 설정 될 수있다.

한 페이지 6. 여러 배너
당신은 하나의 XML을 사용하여 한 페이지에 여러 개의 배너를 설정할 수 있습니다. 각 배너는 자신의 타임 라인 순서 및 제어를 할 수 있습니다.

7. 하나의 XML, 여러 배너 크기
한 XML 상이한 배너 크기를 요구하는 다른 페이지에 재사용 될 수있다. 다른 배너 크기와 같은 애니메이션을 재가공 할 필요가 없을 것이기 때문에 비용을 절감 할 수있다. 이것은 % 기반의 위치와 크기의 조합을 이용함으로써 달성 될 수있다.

ImageSlicer 8. 슬라이스 이미지
ImageSlicer 편리 슬라이스 그냥 XML의 행과 열의 수를 설정하여 이미지를 애니메이션 CSS를 사용합니다. 타임 라인 염기 서열과 결합, 그것은 멋진 이미지 슬라이스 전환을 만듭니다.

9. 지능형 자동 재생
대부분의 시간 당신은 현재 페이지에 표시되지 않는 경우 재생 배너 애니메이션이 필요하지 않습니다. 이 기능을 사용하면 선택적 페이지에 표시하지 않을 경우 배너 애니메이션을 일시 정지 지정할 수 있습니다. 특히 모바일 장치와 추가 프로세서 오버 헤드를 절약 할 수 있습니다.

10. DOM 요소 이벤트 핸들러
이 코딩없이 DOM 요소에 이벤트를 첨부 할 수 있습니다.

참고 : 이미지가 구매에 포함되지 않습니다.


다운로드 할 수 있습니다
해당 카테고리의 다른 구성 요소이 작성자 의 모든 구성 요소
의견자주하는 질문과 답변 을 요구했다

속성을 선택합니다

만들어진:
9월 10일 (12)

마지막 업데이트:
9월 12일 (12)

높은 해상도:
아니

지원되는 브라우저:
IE6, IE7, IE8, IE9, 파이어 폭스, 사파리, 오페라, 크롬

파일 포함:
자바 스크립트 JS, HTML, XML, CSS

소프트웨어 버전:
jQuery를

키워드

전자 상거래, 전자 상거래, 모든 아이템, 생기, 자동 재생, 기치, 통제 수단, greensock, 이미지 슬라이서, 지능형, JQuery와, 다양한 크기의, 얇게 써는 기계, 슬라이더, 타임 라인, timelinemax, tweenmax, XML