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

CodingJack's 3D Carousel

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


CodingJack's 3D Carousel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

SIGA Envato INTERACTIVE PRODUTOS PARA WEBMASTERS Segue o twitter GET NOTIflED SOBRE NEW PttINS

3D carrossel CodingJack

-> Versão do WordPress TAMBÉM DISPONÍVEL

  • 3D real usando CSS3 transformações 3D
  • Carrossel 3D será mostrado no Chrome, Firefox, Safari, iOS e Android
  • A fallback estilo de grade será exibida para o IE (veja imagem abaixo ou testar a pré-visualização em um desses navegadores para ver uma pré-visualização ao vivo do fallback grade)

Tablets e telefones com toque Swipe

O carrossel é suportado em iOS e Android e inclui a funcionalidade de furto toque. Olha grande em um tablet e vai mesmo trabalhar em um smartphone. Mas porque o carrossel pode parecer pequeno em telas menores, eu incluí duas opções especiais para smartphones:

  • Opção para exibir uma grade de miniaturas em vez (o "fallback" apresentação)
  • Opção para transformar o fallback grade em um layout responsivo. Ver ou pré-visualização do seu telefone para um exemplo.

Opções personalizáveis ​​incluem

  • Escolha a "auto rotação" o carrossel.
  • Alternar a animação inicial "zoom / spin" on e off
  • Alterne o "brilho" efeito hover HTML5 Canvas on e off
  • Escolha usar reflexos imagem
  • Personalize os valores 3D mostradas nos previews
  • Defina a velocidade de reprodução automática, bem como a velocidade de interação do mouse
  • Captions item são opcionais
  • Escolha a legendas item de auto-show
  • Hyperlinking é opcional
verdadeiro SS3 Transforma.d1Iar, RI

Grade fallback para o IE

SS3 Traams Este algum texto e isso um pouco mais e isso um pouco mais

Tecnologias utilizadas

Notas Especiais

  • CSS3 3D ainda é considerado experimental tecnologia pelos principais navegadores. As configurações que podem ser ajustadas na visualização mostrada aqui demonstrar os diferentes olhares que você pode criar. Mas se você quiser criar um olhar que não pode ser recriado na pré-visualização (ou seja, ter um carrossel com 100 itens, etc.), por favor, tenha em mente que estamos preso por limitações da tecnologia, e que não há garantia as configurações específicas que você deseja usar permitirá uma experiência carrossel suave.

  • Embora IE10 + suporta algumas partes do CSS3 3D, partes importantes que são necessários para o carrossel de trabalho não são suportados (especificamente, transformar-style: preservar-3d;). Quando IE10 + adiciona suporte para isso eu vou atualizar o carrossel. Até então, todas as versões do IE, incluindo IE10 + irá exibir a grade de fallback.

  • A pré-visualização mostrado aqui no CodeCanyon com todos os controles do carrossel não está incluído com a fonte de download, mas se por algum motivo você acha que ter esses controles é importante para os visitantes do site, sinta-se livre para me enviar um e-mail de minha página de perfil e eu Enviaremos arquivos de origem do visualização.

  • As imagens usadas na visualização são apenas para fins de demonstração e não estão incluídos na fonte de download

  • Este não é um plugin para WordPress

Mais trabalhos por CodingJack

Galeria jQuery

jQuery Banner Rotator

jQuery Banner Rotator

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

Propriedades

Criado:
4 12 de setembro

Última Atualização:
1 13 de dezembro

Navegadores compatíveis:
Firefox, Safari, Opera, Chrome

Arquivos incluídos:
JS JavaScript, HTML, CSS

Versão Do Software:
jQuery

Palavras-chave

eCommerce, eCommerce, Todos Os Itens, 3d, 3d carrossel, Transformaç, õ, es 3D, carrossel, css3, transformaç, õ, es CSS3, transiç, õ, es CSS3, html5, Í, cones, jquery, jQuery carrossel, cardá, pio, galeria de miniaturas, menu de miniaturas, miniaturas