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

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


XML Timeline Animation Banner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

XML Timeline bandeira Animação
Antes dos iPhones e iPads, o Flash tem sido a melhor solução de custo eficaz no fornecimento de animações de qualidade na web. Mas com o aumento da popularidade de dispositivos iOS sem suporte a flash, a indústria está lentamente mudando a padrões abertos. Os desenvolvedores em sua maioria dependem de bibliotecas de animação Javascript para as suas necessidades de animação. Infelizmente, a maioria dessas bibliotecas ainda têm algumas limitações que XML Timeline Animação bandeira gostaria de abordar. Confira os recursos abaixo. Poderia ser apenas o que você está procurando.

Características

1. CSS Animação
Este usa o poder do JQuery para selecionar DOM Elements e GreenSock Plataforma de Animação (GSAP) v12 para a animação rápida realmente louco e sequenciamento. Você pode animar praticamente qualquer propriedade CSS de elementos DOM, incluindo borda, cor, porcentagens, opacidade, transforma legais como skewX, skewY, scaleX, scaleY, rotação, x e y. Não há parâmetros CSS predeterminadas no XML que você precisa para entrada. Simplesmente animar apenas as propriedades que você precisa para um ou mais DOM elements.Below é um exemplo mostrando a animação css.

2. JavaScript Object propriedade e baseado em função Propriedade Tweening
XML Timeline Animação bandeira não se limita apenas ao DOM Elemento animação. Ele também fornece uma maneira de interpolar propriedades do objeto. Você pode segmentar um único objeto ou até mesmo vários objetos usando matrizes. Esta grande característica oferece uma maneira flexível para animar objetos gráficos em um elemento Canvas. Outra característica é a capacidade de interpolar propriedades baseadas na função. Ele vai funcionar se você tem um objeto com uma rotação de função () que obtém e define um valor. Além disso, ele também pode interpolar mesmo se você tem funções como setRotation () e getRotation ().

3. Avançada Timeline Sequencing
Usando linhas de tempo, você pode compensar o ponto de inserção, alinhe animações ao mesmo tempo de início ou alinhá-los um após o outro. Pode ainda definir um tempo que pode ser adicionado ao tempo de início de cada animação. Você pode até mesmo ir mais longe, cronogramas de nidificação (linha do tempo dentro de uma linha do tempo). Você também pode ter vários banners que têm controles separados em uma página.

4. Cross-browser, PC, Mac, Android e iOS compatível
Usando um PC, Mac, Android ou IOS dispositivos? Sem problemas. Uma vez que é escrito em Javascript, ele deve trabalhar em seus dispositivos. propriedades CSS padrão, incluindo transformações especiais, como rotação, scaleX, scaleY, escala, skewX, skewY, x, y, transformOrigin funcionará em todos os navegadores modernos, mesmo com um navegador clássico como o Internet Explorer 6. propriedades CSS não-padrão dependerá do navegador apoio. Então, se o seu browser suporta-lo, ele pode ser animado.

5. Controles avançados do usuário
Os usuários agora têm controles de vídeo-like (sem tampão) ao exibir a animação. Repita, pausar, reproduzir ou procurar (tempo ou rótulo) a qualquer momento para que seus usuários não têm que perder nada. Você pode usar rótulos que são precisamente marcados na barra de busca para que seus usuários vão saber quando o próximo conjunto de animação começa. Tudo o que pode ser definido no XML.

6. Várias bandeiras em uma página
Você pode definir vários banners em uma página usando um XML. Cada faixa pode ter sua própria sequência e controles cronograma.

7. Um XML, tamanhos de banner Vários
Uma xml podem ser reutilizados em diferentes páginas que exigem diferentes tamanhos de banner. Isso pode reduzir custos, porque não haverá necessidade de refazer a mesma animação com diferentes tamanhos de banner. Isto pode ser conseguido usando uma combinação de base% posição e tamanho.

8. Fatia suas imagens com ImageSlicer
ImageSlicer utiliza CSS para convenientemente cortar e animar imagens apenas definir o número de linhas e colunas na XML. Combinado com sequenciamento linha do tempo, ele cria transições fresco fatia de imagem.

9. Autoplay Intelligent
Na maioria das vezes você não precisa de uma bandeira de animação jogar quando não está visível na página. Com esse recurso, você pode, opcionalmente, especificar para pausar a bandeira de animação, quando não mostrado na sua página. Isso economiza sobrecarga de processador adicional especialmente com dispositivos móveis.

10. DOM manipulador de eventos Elemento
Isso ajuda a anexar eventos para DOM Elements sem codificação.

Nota: As imagens não estão incluídas na sua compra.


Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
10 setembro 12

Última atualização:
12 setembro 12

Alta resolução:
Não

Navegadores compatíveis:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

arquivos incluídos:
JavaScript JS, HTML, XML, CSS

Versão do software:
jQuery

Palavras-chave

comé, rcio eletrô, nico, comé, rcio eletrô, nico, Todos os itens, animaç, ã, o, reproduç, ã, o automá, tica, bandeira, controles, GreenSock, fatiador de imagem, inteligente, jquery, vá, rios tamanhos, fatiador, deslizante, cronograma, timelinemax, TweenMax, xml