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

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


CodingJack's 3D Carousel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

FÖLJ Envato INTERACTIVE VAROR FÖR WEBMASTERS Följa Twitter FÅ NOTIflED OM NYA PttINS

CodingJack 3D karusell

-> Wordpress version finns också

  • Real 3D med hjälp CSS3 3D Transforms
  • 3D Carousel visas på Chrome, Firefox, Safari, Ios och Android
  • Ett galler stil reserv visas för IE (se skärmdump nedan eller testa förhandsgranskningen i en av dessa webbläsare för att visa en förhandsgranskning av nätet reserv)

Tabletter och telefoner med touch Svep

Karusellen stöds på iOS och Android och omfattar kontakt svepa funktionalitet. Det ser bra ut på en tablett och kommer även att arbeta på en smartphone. Men eftersom karusellen kan visas små på mindre skärmar, har jag inkluderat två särskilda alternativ för smartphones:

  • Möjlighet att visa en miniatyr rutnät istället (det "reserv" presentation)
  • Möjlighet att omvandla nätet reserv till en lyhörd layout. Titta på antingen förhandsvisning från telefonen till exempel.

Anpassningsbara alternativ inkluderar

  • Välj att "auto spin" karusellen.
  • Växla inledande "zoom / spin" animation på och av
  • Växla HTML5 Canvas "shine" svävande effekt på och utanför
  • Välj att använda bild reflektioner
  • Anpassa 3D värden som visas i förhandsvisningar
  • Ställ in automatisk uppspelning hastighet samt mus interaktion hastighet
  • Punkt texter är valfria
  • Välj att automatiskt visa artikeltexter
  • Hyperlänkning är valfritt
sann SS3 Omvandlar.d1Iar, RI

Grid Reserv för IE

SS3 Traams Denna del text och detta något mer och det lite mer

Teknik som används

Särskilda anmärkningar

  • CSS3 3D anses fortfarande experimentell teknik genom de stora webbläsarna. De inställningar som kan justeras i förhandsgranskningen som visas här visar de olika utseende du kan skapa. Men om du vill skapa ett utseende som inte kan återskapas i förhandsgranskningen (dvs har en karusell med 100 objekt, etc.), kom ihåg att vi är bundna av teknikens begränsningar, och att det inte finns någon garanti de särskilda inställningar du vill använda kommer att möjliggöra en smidig karusell upplevelse.

  • Även IE10 + stöder vissa delar av CSS3 3D, är viktiga delar som behövs för karusellen att arbetet inte stöds (specifikt, omvandla-stil: bevara-3d;). När IE10 + lägger till stöd för detta ska jag uppdatera karusellen. Fram till dess alla versioner av IE, inklusive IE10 + visar reservnätet.

  • Förhandsgranskningen visas här på CodeCanyon med alla karusell styr ingår inte nedladdningskälla, men om du av någon anledning tror har dessa kontroller är viktigt för dina besökare, gärna skicka mig ett mail från min profilsida och jag ll skickar förhandsgranska är källfilerna.

  • Bilder som används i förhandsgranskningen är endast demonstrationssyfte och ingår inte i nedladdningskällan

  • Detta är inte en Wordpress Plugin

Fler verk av CodingJack

jQuery Gallery

jQuery Banner Rotator

jQuery Banner Rotator

Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
4 September 12

Senaste Uppdateringen:
1 December 13

Kompatibla webbläsare:
Firefox, Safari, Opera, Chrome

Filer Ingår:
JavaScript JS, HTML, CSS

Programvaruversion:
jQuery

Nyckelord

e-handel, e-handel, Alla artiklar, 3d, 3d karusell, 3d transformer, karusell, CSS3, CSS3 transformer, CSS3 ö, vergå, ngar, HTML5, ikoner, jQuery, jQuery karusell, meny, miniatyr galleri, miniatyr meny, miniatyrer