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, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Sliders

CCSlider - jQuery 3d Slideshow Plugin

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


CCSlider - jQuery 3d Slideshow Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Wordpress Plugin versão disponível aqui

CCSlider é um slideshow do plugin jQuery única. Ele suporta transições 3D! Há 14 impressionantes transições 3D disponíveis, e também 16 transições 2d elegantes. Você tem a opção para mencionar um fallback transição 2D para navegadores antigos que não suportam HTML5 Canvas, que é usado para produzir as transições 3d. O controle deslizante é totalmente sensível, funciona em dispositivos móveis e suporta gestos de toque para navegar pelos slides. O plug-in também suporta legendas HTML, autoplay de slides, o conteúdo HTML personalizado e transições personalizados por slide. Veja abaixo uma lista de recursos disponíveis no plugin.

Características

  • 14 HTML5 Canvas 3D baseado efeitos animados.
  • 16 efeitos de animação 2D elegantes.
  • Fallback para um efeito 2d de sua escolha para navegadores que não suportam HTML5 Canvas. Também pode mencionar uma velocidade de animação para o efeito fallback.
  • Opção de mencionar o número de fatias para efeitos 3D.
  • Opção de mencionar o atraso animação entre fatias individuais.
  • Também pode mencionar em que direção o atraso irá propagar. Existem quatro tais instruções.
  • Opção de mencionar o deslocamento ao longo do eixo z ea separação entre fatias ao animar para efeitos 3D.
  • Mencione uma opção flexibilização de sua escolha para efeitos 3D.
  • Pode-se citar parâmetros de transição personalizados para cada slide.
  • Opção de ter uma sombra para "Cubo" efeitos 3D. Também pode mencionar uma cor de sombra de sua escolha.
  • Opção para usar imagens png transparente como imagens de diapositivos para efeitos 3D.
  • Suporta legendas HTML. Existem 4 posições de legenda disponíveis - parte inferior, superior, esquerda, direita.
  • Cada slide pode ter uma posição de caption diferente.
  • As legendas podem ter transições animadas (fade, slide) ou mesmo nenhum.
  • Opção para ter as ligações de controle para slides individuais. Também pode ter thumbnails 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. Estes conteúdos aparecem sobre as imagens de slides. Você pode estilo e animá-los de qualquer maneira que você quer. Você também pode inserir vídeos em slides usando esta opção.
  • Autoplay opção. Botões Play / pause são geradas quando a opção Autoplay for escolhido. Em navegadores suportados HTML5 Página Visibilidade API é usado para interromper a reprodução automática quando a guia / janela que contém o controle deslizante está fora de foco e autoplay é retomada quando a guia / janela está novamente em foco, e isso ajuda na prevenção de poder e recursos da CPU consumo desnecessário.
  • Opção para fazer uma pausa Autoplay quando pairando sobre slider.
  • Totalmente ágil e funciona em todos os tamanhos de tela variando de desktop para navegadores móveis.
  • Pode navegar através de slides usando gestos de toque em iOS, Android e outros dispositivos touch-screen.
  • Opções para funções de chamada de retorno são fornecidos que executar antes ou depois de uma corrediça alterações. Eventos personalizados para estes 'antes' e eventos de mudança de slide 'depois' também são fornecidos.
  • Funções da API votos são fornecidos, como next (), prev (), start (), stop (), GotoSlide () e destroy (), que permitem a manipulação programática do slideshow.

NOTA: Os efeitos 3D será executada somente em navegadores que suportam HTML5 Canvas. Por outro lado, os efeitos 2D será executado em browsers mais disponíveis. Se você escolher um efeito 3D, em seguida, você pode mencionar um efeito 2d de sua escolha para navegadores que não suportam Canvas. Internet Explorer 8 e abaixo não suportam lona, ​​mas o IE 9 e acima suporta.

Atualizado em 22 de abril de 2013 - Versão 3.0.2

  • O controle deslizante é agora compatível com 1.9+ jQuery.
  • O controle deslizante usa HTML5 Página Visibilidade API, nos navegadores suportados, para parar a reprodução automática quando a guia / janela que contém o cursor estiver fora de foco, e retoma a reprodução automática quando a guia / janela está novamente em foco.

Atualizado em 27 de junho de 2012 - a versão 3.0.1

  • Corrigido um erro em que o controle deslizante parou de funcionar quando os / botões Ant foram desativados no modo 3D.

Atualizado em 16 de junho de 2012 - versão 3.0

  • O controle deslizante agora apresenta um layout totalmente sensível
  • Slides podem ser navegadas usando gestos de toque em dispositivos touch-screen
  • Quatro posições de legenda foram fornecidas que são "top", "bottom", "esquerda" e "direita"
  • Cada slide pode ter uma posição diferente legenda

Atualizado em 17 de janeiro de 2012 - versão 2.0.1

  • Corrigido um erro sobre as ligações da imagem inativos no primeiro slide no carregamento da página.
  • Links de imagem em que está sendo clicado páginas agora abertos na mesma janela.
  • Atualizada a documentação.

Atualizado em 6 de janeiro de 2012 - versão 2.0

  • Adicionado suporte para transições personalizados por slide.
  • Adicionado suporte para conteúdo HTML personalizado por lâmina, que os usuários podem estilo e animar qualquer maneira que eles querem.
  • Imagens de diapositivos podem agora servir como links para páginas externas.
  • Adicionado 4 novos efeitos 3D.
  • Adicionou-se 6 novos efeitos 2d.
  • Efeitos 3D agora tem opção parâmetros adicionais para especificar deslocamento ao longo do eixo z, distância de separação entre fatias e direção de propagação de atraso. Também linhas e colunas parâmetros estão lá para o novo 'grid' efeitos 3D.
  • CCSlider agora fornece funções da API, como next (), prev (), start (), stop (), GotoSlide () e destroy ().
  • Eventos personalizados correspondentes a 'beforeSlideChange' e funções callback 'afterSlideChange' são fornecidos.
  • Opção para usar imagens png transparente como imagens de diapositivos para efeitos 3D.
  • Melhoria de desempenho em Canvas baseado efeitos 3D.
  • Várias pequenas correções de bugs.

Atualizado em 27 de Maio de 2011 - Versão 1.1.1

  • Corrigido um bug no IE9 que estava causando as imagens deslizantes para não apresentar lá.
  • Corrigido um bug que foi causado quando ambos opções pauseOnHover autoPlay e foram habilitados.

Atualizado em 3 de março de 2011 - versão 1.1

  • Adicionado a opção para embaralhar os efeitos entre os slides. Detalhes na documentação.
  • Adicionado opção para iniciar o slideshow em qualquer slide.

Mais Itens por CosmoCoder

Mostrar fotos, áudio, vídeo óvulos mentir Dois Modos de exibição Filtering FunctionaUty Conjuntos múltipla Galeria Suporte Suporte fluido Responsive Design Dois esquemas de cores múltiplos ajustes

Galeria de Imagens, Áudio, Vídeo Coverfiow Thumbnail Itens modos de exibição de filtro de arquivo Categorias tipo personalizado fluido Responsive Design Toque Screen CCGaNer HTM5 MULTIMÍDIA GA1ERY olos ftot V.deos

Escolha Imagens via arrastar e soltar HTML ANGRA GERADOR FIR galerias de imagens Classificar apagar imagens imagens de visualização LOCALIZAR IMAGENS Dois Código Galeria opções lightbox Slides e imagens selecionadas Produz HTML Válido


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

Propriedades

Criado:
22 de 11 de fevereiro

Última atualização:
9 14 de abril

Alta resolução:
Não

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

Arquivos incluídos:
JS JavaScript, HTML, CSS

Versão do software:
HTML5

Palavras-chave

eCommerce, eCommerce, Todos os itens, 3d, 3d slideshow, lona, html5, jquery, jQuery controle deslizante, jQuery slideshow, controle deslizante, slideshow