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 per WorldWideScripts.net

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


CodingJack's 3D Carousel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

SEGUIRE Envato INTERACTIVE MERCE PER WEBMASTER Seguire Twitter Ottieni NOTIflED SUL NUOVO PttINS

3D Carousel di CodingJack

-> WORDPRESS VERSIONE DISPONIBILE ANCHE

  • 3D reale utilizzando CSS3 3D Transforms
  • 3D Carousel sarà mostrato su Chrome, Firefox, Safari, iOS e Android
  • Un fallback stile della griglia sarà visualizzato per IE (vedi immagine sotto o testare l'anteprima in uno di questi browser per visualizzare un'anteprima in tempo reale della posizione di sicurezza griglia)

Compresse e telefoni con touch Swipe

La giostra è supportato su iOS e Android e include la funzionalità colpo tocco. Sembra grande su una tavoletta e funziona anche su uno smartphone. Ma perché la giostra può apparire piccolo su schermi di piccole dimensioni, ho incluso due opzioni speciali per gli smartphone:

  • Possibilità di visualizzare una griglia miniatura invece (la presentazione "fallback")
  • Opzione per trasformare il fallback griglia in un layout reattivo. Vista o anteprima dal telefono per un esempio.

Opzioni personalizzabili Includere

  • Scegliere di "spin auto" giostra.
  • Attivate l'animazione iniziale "zoom / rotazione" on e off
  • Alterna la "brillare" l'effetto hover HTML5 Canvas on e off
  • Scegliere di utilizzare le riflessioni di immagine
  • Personalizzare i valori mostrati in 3D nelle anteprime
  • Impostare la velocità di riproduzione automatica, così come la velocità di interazione con il mouse
  • Didascalie articolo sono opzionali
  • Scegliere di auto-show voce didascalie
  • Ipertestuale è facoltativa
vero SS3 Trasforma.d1Iar, RI

Griglia Fallback per IE

SS3 Traams Questo testo e questo un po 'di più e questo un po' di più

Tecnologie utilizzate

Note speciali

  • CSS3 3D è ancora considerato tecnologia sperimentale dei principali browser. Le impostazioni che possono essere regolati in anteprima mostrato qui dimostrano i diversi sguardi che si possono creare. Ma se si desidera creare un look che non può essere ricreato in anteprima (cioè hanno una giostra con 100 elementi, ecc), si prega di tenere presente che noi siamo legati da limitazioni della tecnologia, e che non vi è alcuna garanzia le impostazioni particolari che si desidera utilizzare consentirà un'esperienza carosello liscio.

  • Anche se IE10 + supporta alcune parti del CSS3 3D, parti importanti che sono necessarie per la giostra di lavoro non sono supportati (in particolare, la trasformazione in stile: preserve-3d;). Quando IE10 + aggiunge il supporto per questo io aggiornare la giostra. Fino ad allora tutte le versioni di IE, inclusi IE10 + visualizzerà la griglia fallback.

  • L'anteprima mostrato qui su CodeCanyon con tutti i comandi giostra non è incluso con il download source, ma se per qualche motivo pensate che avere quei controlli è importante per i visitatori del sito web, non esitate a inviarmi una e-mail dal mio profilo e I ' ll inviare i file di origine del anteprima.

  • Le immagini utilizzate nell'anteprima sono a scopo dimostrativo e non sono inclusi nella sorgente Download

  • Questo NON è un plugin per WordPress

Altre opere di CodingJack

jQuery Galleria

jQuery Banner Rotator

jQuery Banner Rotator

Scarica
Altri componenti di questa categoriaTutti i componenti di questo autore
CommentiDomande frequenti e risposte

Proprietà

Creato:
4 12 settembre

Ultimo Aggiornamento:
1 13 Dicembre

Browser compatibili:
Firefox, Safari, Opera, Chrome

File inclusi:
JavaScript JS, HTML, CSS

Software Version:
jQuery

Parole chiave

eCommerce, eCommerce, Tutti Gli Articoli, 3d, 3d carosello, Trasforma 3d, carosello, css3, trasforma CSS3, transizioni CSS3, html5, Icone, jquery, jquery giostra, menu, galleria di miniature, menu delle miniature, miniature