Versão do plug -in do WordPress disponível aqui
Ccslider é um plugin exclusivo de apresentação de slides jQuery. Ele suporta transições 3D! Existem 14 transições 3D impressionantes disponíveis e também 16 transições 2D elegantes. Você tem a opção de mencionar um fallback de transição em 2D para navegadores antigos que não suportam a tela HTML5, que é usada para produzir as transições 3D. O controle deslizante é totalmente responsivo, funciona em dispositivos móveis e suporta gestos de toque para navegar pelos slides. O plug -in também suporta legendas em HTML, reprodução automática de slides, conteúdo HTML personalizado e transições personalizadas por slide. Veja abaixo uma lista de recursos disponíveis no plug -in.
Características
- 14 efeitos animados baseados em tela HTML5.
- 16 efeitos animados 2D elegantes.
- Fallback para um efeito 2D de sua escolha para navegadores que não suportam a tela HTML5. Também pode mencionar uma velocidade de animação para o efeito de fallback.
- Opção para mencionar o número de fatias para efeitos 3D.
- Opção para mencionar o atraso de animação entre as fatias individuais.
- Também pode mencionar em que direção o atraso se propagará. Existem quatro direções dessas.
- Opção para mencionar o deslocamento ao longo do eixo z e a separação entre as fatias enquanto animam os efeitos 3D.
- Mencione uma opção de flexibilização de sua escolha para efeitos 3D.
- Pode mencionar parâmetros de transição personalizados para cada slide.
- Opção de ter uma sombra para efeitos 3D do “cubo”. Também pode mencionar uma cor de sombra de sua escolha.
- Opção para usar imagens PNG transparentes como imagens de slide para efeitos 3D.
- Suporta legendas HTML. Existem 4 posições de legenda disponíveis – inferior, superior, esquerda, direita.
- Cada slide pode ter uma posição de legenda diferente.
- As legendas podem ter transições animadas (desbotamento, slide) ou nenhuma.
- Opção para ter links de controle para slides individuais. Também pode ter miniaturas como links.
- Cada imagem do slide também pode atuar como um link para uma página externa.
- Suporta conteúdo HTML personalizado para cada slide. Esses conteúdos aparecem nas imagens do slide. Você pode estilizar e animá -los de qualquer maneira que quiser. Você também pode incorporar vídeos nos slides usando esta opção.
- Opção AutoPlay. Os botões de reprodução/pausa são gerados quando a opção AutoPlay é escolhida. Nos navegadores suportados, a API de visibilidade da página HTML5 é usada para interromper o AutoPlay quando a guia/janela que contém o controle deslizante está fora de foco e o AutoPlay é retomado quando a guia/janela está novamente em foco, e isso ajuda a prevenir o poder desnecessário de energia e o consumo de recursos da CPU.
- Opção para pausar o AutoPlay ao passar o mouse sobre o controle deslizante.
- Totalmente responsivo e trabalha em todos os tamanhos de tela que variam de desktop a navegadores móveis.
- Pode navegar pelos slides usando gestos de toque em iOS, Android e outros dispositivos de tela de toque.
- São fornecidas opções para funções de retorno de chamada que são executadas antes ou depois de uma mudança de slide. Eventos personalizados para esses eventos ‘antes’ e ‘após’ também são fornecidos eventos.
- As funções úteis da API são fornecidas, como Next (), Anterior (), Start (), Stop (), Gotoslide () e Destroy (), que permitem a manipulação programática da apresentação de slides.
OBSERVAÇÃO: Os efeitos 3D serão executados apenas nos navegadores que suportam a tela HTML5. Por outro lado, os efeitos 2D serão executados na maioria dos navegadores disponíveis. Se você escolher um efeito 3D, poderá mencionar um efeito 2D de sua escolha para navegadores que não suportam tela. O Internet Explorer 8 e abaixo não suporta a tela, mas o IE 9 e acima o suporta.
Revisões
Changelog
Versão 3.0.2 (22 de abril de 2013)
• The slider is now compatible with jQuery 1.9+ . • The slider uses HTML5 Page Visibility API, in supported browsers, to stop autoplay when the tab/window containing the slider is out of focus, and resumes autoplay when the tab/window is again in focus.
Versão 3.0.1 (27 de junho de 2012)
• Fixed a bug in which the slider stopped working when the prev/next buttons were disabled in the 3d mode.
Versão 3.0 (16 de junho de 2012)
• The slider now features a fully responsive layout • Slides can be navigated using touch gestures in touch-screen devices • Four caption positions have been provided which are "top", "bottom", "left" and "right" • Each slide can have a different caption position
Versão 2.0.1 (17 de janeiro de 2012)
• Fixed a bug regarding inactive image links on the first slide on page load. • Image links on being clicked now open pages in the same window. • Updated the documentation.
Versão 2.0 (6 de janeiro de 2012)
• Added support for custom transitions per slide. • Added support for custom HTML content per slide, which users can style and animate anyway they want. • Slide images can now serve as links to external pages. • Added 4 new 3d effects. • Added 6 new 2d effects. • 3d effects now have extra option parameters for specifying offset along z-axis, separation distance between slices and delay propagation direction. Also rows and columns parameters are there for the new 'grid' 3d effects. • CCSlider now provides API functions such as next(), prev(), start(), stop(), goToSlide() and destroy(). • Custom events corresponding to 'beforeSlideChange' and 'afterSlideChange' callback functions are provided. • Option to use transparent png images as slide images for 3d effects. • Performance improvement in Canvas based 3d effects. • Various small bug fixes.
Versão 1.1.1 (27 de maio de 2011)
• Fixed a bug in IE9 that was causing the slider images to not display there. • Fixed a bug that was caused when both autoPlay and pauseOnHover options were enabled.
Versão 1.1 (3 de março de 2011)
• Added the option to randomize the effects between slides. Details in the documentation. • Added option to start slideshow at any slide.
Mais itens do Cosmocoder
