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

Abonner på vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


CodingJack's 3D Carousel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

FØLG Envato INTERAKTIV VARER for webansvarlige Følg TWITTER GET NOTIflED OM NYE PttINS

CodingJack 3D Carousel

-> WordPress versjonen også tilgjengelig

  • Ekte 3D bruker CSS3 3D Transforms
  • 3D Carousel vil bli vist på Chrome, Firefox, Safari, iOS og Android
  • Et rutenett stil fallback vil bli vist for IE (se skjermbilde under eller teste forhåndsvisning i en av disse nettleserne for å se en live forhåndsvisning av rutenettet fallback)

Tabletter og telefoner med berørings Sveip

Karusellen støttes på iOS og Android, og inkluderer berørings sveip funksjonalitet. Det ser flott ut på en tavle og vil selv arbeide på en smarttelefon. Men fordi karusellen kan vises lite på mindre skjermer, har jeg tatt med to spesielle muligheter for smartphones:

  • Mulighet til å vise et miniatyrnettet i stedet (det "fallback" presentasjon)
  • Mulighet til å forvandle rutenettet fallback til en lydhør layout. Se heller forhåndsvisning fra telefonen for et eksempel.

Tilpassalternativer inkluderer

  • Velg å "auto spin" karusellen.
  • Veksle innledende "zoom / spin" animasjon på og av
  • Veksle HTML5 Canvas "shine" hover effekten på og av
  • Velger å bruke bilde refleksjoner
  • Tilpass 3D-verdiene som er vist i forhåndsvisningene
  • Sett autoplay hastighet samt musen samspillet hastighet
  • Element bildetekster er valg
  • Velg å automatisk vise elementtekster
  • Hyperlinking er valgfritt
sant SS3 Forvandler.d1Iar, RI

Grid Reserve for IE

SS3 Traams dette en tekst, og dette noen flere, og dette litt mer

Technologies Brukt

Special Notes

  • CSS3 3D regnes fortsatt eksperimentell teknologi fra de store nettleserne. Innstillingene som kan justeres i forhåndsvisningen vises her demonstrere forskjellige utseender du kan lage. Men hvis du ønsker å skape et utseende som ikke kan gjenskapes i forhåndsvisningen (dvs. har en karusell med 100 elementer, etc.), må du huske på at vi er bundet av teknologiens begrensninger, og at det er ingen garanti de spesielle innstillingene du ønsker å bruke vil gi rom for en jevn karusell opplevelse.

  • Selv IE10 + støtter enkelte deler av CSS3 3D, er viktige deler som trengs for karusellen til arbeid som ikke støttes (spesifikt, transform-style: bevare-3d;). Når IE10 + legger til støtte for dette vil jeg oppdatere karusellen. Inntil da alle versjoner av IE, inkludert IE10 + vil vise reservenettet.

  • Forhåndsvisningen vises her på CodeCanyon med alle karusell kontrollene er ikke inkludert i nedlastingen kilde, men hvis en eller annen grunn tror at å ha disse kontrollene er viktig for ditt nettsted besøkende, gjerne sende meg en e-post fra min profilside og jeg vil sende deg forhåndsvise sin kildefilene.

  • Bilder som brukes i forhåndsvisningen er for demonstrasjon formål og er ikke inkludert i nedlastingen kilde

  • Dette er IKKE en WordPress Plugin

Flere verker av CodingJack

jQuery Gallery

jQuery Banner Rotator

jQuery Banner Rotator

Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

Laget:
4 september 12

Siste Oppdatering:
1 desember 13

Kompatible nettlesere:
Firefox, Safari, Opera, Chrome

Filer Inkludert:
Java JS, HTML, CSS

Programvareversjon:
jQuery

Søkeord

eCommerce, eCommerce, Alle artikler, 3d, 3d karusell, 3d transforme, karusell, CSS3, CSS3 transforme, CSS3-overganger, HTML5, ikoner, jquery, jQuery karusell, meny, thumbnail galleri, thumbnail menyen, miniatyrbilder