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

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


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

Ads

Ad: Bluehost hosting

Wordpress Plugin Version Available Here

CCSlider is een unieke jQuery slideshow plugin. Het ondersteunt 3D-overgangen! Er zijn 14 prachtige 3D-overgangen beschikbaar zijn, en ook 16 stijlvolle 2d overgangen. U hebt de optie voor het vermelden van een 2d overgang fallback voor oude browsers die geen ondersteuning bieden voor HTML5 Canvas, die wordt gebruikt voor de productie van de 3D-overgangen. De slider is volledig reageert, werkt in mobiele apparaten en ondersteunt touch gebaren om te navigeren door de dia's. De plugin ondersteunt ook HTML bijschriften, automatisch afspelen van dia's, aangepaste HTML-inhoud en aangepaste overgangen per slide. Zie hieronder voor een lijst van functies die beschikbaar zijn in de plugin.

Kenmerken

  • 14 HTML5 Canvas gebaseerd 3D animatie-effecten.
  • 16 stijlvolle 2d animatie-effecten.
  • Fallback naar een 2d effect van uw keuze voor browsers die geen ondersteuning bieden voor HTML5 Canvas. Kunt ook een animatie snelheid voor de fallback effect noemen.
  • Optie om het aantal plakken voor 3D-effecten te noemen.
  • Optie om de animatie vertraging tussen afzonderlijke segmenten te vermelden.
  • Kan ook vermelden in welke richting de vertraging zal uitdragen. Er zijn vier van dergelijke aanwijzingen.
  • Optie om op te noemen de offset langs de z-as en de scheiding tussen de segmenten, terwijl animeren voor 3D-effecten.
  • Noemen een versoepeling optie van uw keuze voor 3D-effecten.
  • Kunnen noemen aangepaste overgang parameters voor elke dia.
  • Optie om een ​​schaduw voor "Cube" 3D-effecten. Kan ook een schaduw kleur van uw keuze te vermelden.
  • Optie om transparante png beelden gebruiken als dia's voor 3D-effecten.
  • Ondersteunt HTML bijschriften. Er zijn 4 beschikbare caption posities - onder, boven, links, rechts.
  • Elke dia kan een ander bijschrift positie.
  • Bijschriften kunnen geanimeerde overgangen (fade, slide) of helemaal geen hebben.
  • Optie om de controle links naar afzonderlijke dia's te hebben. Kunnen ook miniaturen als koppelingen.
  • Image Elke dia kan ook fungeren als een link naar een externe pagina.
  • Ondersteunt aangepaste HTML-inhoud voor elke dia. Deze inhoud verschijnen over de dia's. U kunt stijl en animeren ze toch je wilt. U kunt ook insluiten video's in de dia's met behulp van deze optie.
  • Autoplay optie. Play / pause knoppen worden gegenereerd wanneer Autoplay optie wordt gekozen. In ondersteunde browsers HTML5 Pagina Zichtbaarheid API wordt gebruikt om automatisch afspelen te stoppen wanneer het tabblad / venster met de schuifknop is onscherp en automatisch afspelen wordt hervat wanneer het tabblad / venster weer in focus, en dit helpt bij het voorkomen van onnodig energieverbruik en CPU bronnen consumptie.
  • Optie om Autoplay pauzeren wanneer zweefde over slider.
  • Volledig responsief en werkt in alle scherm maten variërend van desktop naar mobiele browsers.
  • Kan navigeren door dia's met behulp van touch gebaren in iOS, Android en andere touch-screen apparaten.
  • Opties voor callback functies worden op voorwaarde dat uit te voeren voor of na een dia verandert. Aangepaste gebeurtenissen voor deze 'voor' en 'na' slide verandering evenementen zijn ook aanwezig.
  • Behulpzaam API-functies zijn beschikbaar, zoals de volgende (), prev (), start (), stop (), goToSlide () en vernietigen (), die het mogelijk maken voor de programmatische manipulatie van de diavoorstelling.

OPMERKING: De 3d-effecten zal draaien alleen op browsers die HTML5 Canvas ondersteunen. Aan de andere kant zal de 2d effecten draaien op de meeste beschikbare browsers. Als u een 3D-effect te kiezen, dan kunt u een 2d effect van uw keuze voor browsers die geen ondersteuning Canvas noemen. Internet Explorer 8 en onder geen ondersteuning Canvas, maar IE 9 en hoger ondersteunt.

Bijgewerkt op: 22 april 2013 - versie 3.0.2

  • De slider is nu compatibel met jQuery 1.9+.
  • De slider maakt gebruik van HTML5 Pagina Zichtbaarheid API, in ondersteunde browsers, om automatisch afspelen stoppen wanneer het tabblad / venster met de schuifknop is onscherp, en hervat automatisch afspelen wanneer het tabblad / venster weer in focus.

Bijgewerkt op 27 juni 2012 - versie 3.0.1

  • Fixed a bug waar de schuif gestopt met werken als de vorige / volgende knoppen zijn uitgeschakeld in de 3D-modus.

Bijgewerkt op 16 juni 2012 - versie 3.0

  • De slider beschikt nu over een volledig responsief lay-out
  • Dia's kan worden genavigeerd met behulp van touch gebaren in touch-screen apparaten
  • Vier bijschrift posities zijn voorzien die "top", "bottom", "links" en "rechts" zijn
  • Elke dia kan een ander bijschrift positie

Bijgewerkt 17 januari 2012 - versie 2.0.1

  • Fixed a bug met betrekking tot inactieve afbeelding links op de eerste dia op pagina te laden.
  • Afbeelding links op wordt geklikt nu open pagina's in hetzelfde venster.
  • Bijgewerkt de documentatie.

Bijgewerkt op 6 januari 2012 - versie 2.0

  • Toegevoegde ondersteuning voor aangepaste overgangen per slide.
  • Toegevoegde ondersteuning voor aangepaste HTML-inhoud per dia, die gebruikers kunnen stylen en animeren toch ze willen.
  • Dia's kunnen nu dienen als links naar externe pagina's.
  • Toegevoegd 4 nieuwe 3D-effecten.
  • Toegevoegd 6 nieuwe 2d effecten.
  • 3d effecten hebben nu extra optie parameters voor het opgeven van offset langs de z-as, afstand tussen plakjes en vertraging voortplantingsrichting. Ook rijen en kolommen parameters zijn er voor de nieuwe 'grid' 3D-effecten.
  • CCSlider biedt nu API-functies, zoals de volgende (), prev (), start (), stop (), goToSlide () en vernietigen ().
  • Aangepaste gebeurtenissen die overeenkomen met 'beforeSlideChange' en 'afterSlideChange' callback-functies zijn aanwezig.
  • Optie om transparante png beelden gebruiken als dia's voor 3D-effecten.
  • Prestatieverbetering in Canvas gebaseerde 3D-effecten.
  • Diverse kleine bug fixes.

Bijgewerkt op: 27 mei 2011 - versie 1.1.1

  • Fixed a bug in IE9 dat veroorzaakte de schuifknop beelden er niet weergegeven.
  • Fixed a bug die werd veroorzaakt wanneer beide autoPlay en pauseOnHover opties werden ingeschakeld.

Bijgewerkt op 3 maart 2011 - versie 1.1

  • Toegevoegd de mogelijkheid om de effecten tussen dia willekeurig. Details in de documentatie.
  • Toegevoegd optie om diavoorstelling te starten op een glijbaan.

Meer items van CosmoCoder

Show Foto's, Audio, Video eicellen liggen Twee Weergavemodi Filtering FunctionaUty Meerdere Gallery Sets Ondersteuning vloeistof Responsive Design Twee Kleur Schemes meerdere instellingen

Galerie voor afbeeldingen, audio, video Coverfiow miniatuurweergave Modes filteritems bestandstype Custom Categories vloeistof Responsive Design Touch Screen Ondersteuning CCGaNer HTM5 MULTIMEDIA GA1ERY OLO ftot V.deos

Selecteer Beelden via Drag and Drop HTML COVE GENERATOR FIR fotogalerijen Sorteren Wis afbeeldingen Voorbeeld Afbeeldingen LOCATE BEELDEN Twee Gallery Code opties lichttafel en Slideshow Beelden Geselecteerde Produceert Valid HTML


Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
22 februari 11

Laatste update:
9 april 14

Hoge resolutie:
Nee

Compatibele Browsers:
IE6, IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Bestanden Inbegrepen:
JS JavaScript, HTML, CSS

Software Version:
HTML5

Trefwoorden

eCommerce, eCommerce, Alle spullen, 3d, 3D slideshow, canvas, html5, jQuery, jQuery slider, jQuery slideshow, schuif, slideshow