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

KenBurner Slider jQuery Plugin

— Add- On om WorldWideScripts.net

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


KenBurner Slider jQuery Plugin - WorldWideScripts.net Item te koop

Ads

Ad: Bluehost hosting

Klik hier volgen Envato

KenBurner Slider jQuery Plugin

Wat is het?

Kenburner is de premie manier van het gebruik van een slider in uw website . Een combinatie van Ken Burns-effect, state - of-the - art Slider en tekst animaties definieert deze schuif .

Pas deze schuif met slechts een beetje HTML en CSS om je behoeften . Geef elke schuifregelaar wat bijschriften aan uw bericht vervoeren. Gebruik je Ken Burns Geanimeerde banner elementen met de mogelijkheid van het spelen van YouTube en Vimeo clips in een speciale detailweergave met het beschrijven van de tekst .

Vrijlating v.1.3 ( 19.08.2012 )

  • Chrome Major Bug met Thumbnails en Canvas Animatie gefixeerd . Schaduw wordt verwijderd uit Thumbnails in Chrome
  • Nieuwe timer -functie is toegevoegd ( TimerAan aan / uit via Options, en Settings.css )
  • Pauze pictogram wordt weergegeven in de rechterbovenhoek (via settings.css kan gestyled worden of verwijderd )

Bug Fixing 16.05.2012

  • Plugin conflicten is opgelost binnen de cssAnimation Plugin

Bug Fixing & New Features 10.05.2012

  • Schaduw links / rechts / herhaalde gerepareerd . Sommige sizing bug is gerepareerd
  • In Optie set breedte / hoogte -instellingen was niet gelijk aan outter dimensionering van Banner . Dit probleem is gerepareerd ! Voorzichtig, als je update naar de nieuwe versie, uw container zal 20px kleiner zijn vanwege de paddings en de grenzen !
  • Toegevoegd nieuwe optie aan te zetten / uit de Google Chrome Canvas Bug . In Chrome de fadeover overgangen worden geruild tegen dia -overgangen aan de Canvas Bug in Chrome

negeren . Google Chrome Bug / Fade overgang Bug 09.05.2012

De late GoogleChrome Update ( 18.0.1025.168 ) heeft enkele Bug in het Canvas Rendering . Vanwege deze bug de Fade Over transitie zal niet goed werken tussen de dia's . Je zal wat Flickering zien door het veranderen tussen dia's met fade overgangen . Aangezien dit probleem bestaat niet in IE of in FF kunnen we alleen bieden u een kleine workaround waarbij de Plugin fade overgangen automatisch negeren in Google Chrome . Als u geïnteresseerd, download dan onze volgende update !

Via de optie repairChromeBug : "op " kunt u beslissen wanneer u de fade overgang tegen diawissel in Chrome automatisch gewijzigd.

Thanks a lot, en als u vragen heeft, aarzel dan niet om ons te contacteren via http://themepunch.ticksy.com !

Extra Update-functie van 10 februari 2012

Maak gebruik van de Update- Pad Documentatie uw vorige versie bij te werken .
  • Toegevoegd Lazy functie laden . Ingesteld via optie hoeveel dia's moeten worden voorgeladen
  • Met behulp van Google Font wordt vereenvoudigd. Gewoon ingesteld via de optie google lettertype en js bibliotheek .
  • JS Bibliotheek wordt geminimaliseerd en samengevoegd . Winst : Snellere lading van Bibliotheek

Extra Update-functie van 8 februari 2012

  • Auto Berekend houder container Grootte afhankelijk van Banner en Thumnail maten
  • Video Symbool op Thumbs ( aan / uit ) Optie toegevoegd
  • Auto slider optie
  • Optioneel Bulletpoint Toolbar

Updaten vanaf 1 februari 2012

  • IE8 2 Slide bug verwijderd
  • Video Roll Over in IE7 en IE8 Bug verwijderd
  • cssAnimate JS bug verwijderd

Dus wat is er zo nieuw ?

Voor de beste perfomance gebruikt het HTML5 Canvas Animation . Indien dit niet mogelijk is in uw browser zal het terugval naar CSS Animation . En als je een browser die niet doet zal het fallback naar een jQuery versie te gebruiken . Dus het werkt op elke moderne browser ( waaronder IE7 / 8 ) en op mobiele apparaten met de best mogelijke prestaties !

Het Ken Burns is totaal klantgericht : Start -, eindpunt, in-of uitzoomen, zoomfactor zijn allemaal in de verschillende slider parameters . Of ga noten en kies " Random " !

En vergeet niet dat je niet alleen kan je foto overgangen en het Ken Burns-effect, maar de elementen ( tekst, pictogrammen, Pics ... ) op elke dia te animeren . U kunt onbeperkte hoeveelheden objecten maken en laat ze verschijnen met stijl !

Is dit echt uitgevoerd op alle browsers en op mobiele telefoons ?

Ervoor dat het werkt opelke moderne browser ( waaronder IE7 / 8 )en opiOS ( iPad, iPhone )enAndroidmobiele apparaten vanwege de 3 Layer Terugval System .Raak vegenvoor iOS en Android mobiele apparaten is uiteraard inbegrepen.

Bekijk de mobiele versie

Wat zijn de kenmerken ?

  • Beeld en Duimen volledig verstelbaar
  • Met behulp van Canvas Animatie met fallback naar CSS Animatie en ook met fallback naar jQuery
  • Optioneel Ken Burns-effect
  • Onbeperkt Bijschrift Lagen
  • Onbeperkt Slides
  • Aanpasbare Ken Burns-effect ( StartEnd - Position en Zoom of Random )
  • iPhone / iPad en Android Swipe Touch ingeschakeld
  • jQuery Conflict gratis plugin
  • Aanpasbare 100 % via de Plugin Parameters / CSS / HTML
  • Eenvoudige installatie in uw website
  • Speciale Versoepeling
  • Voorbeeld pagina opgenomen
  • Voorbeeld Picture Effect Instructie PSD inbegrepen
  • 2 Foto's worden gebruikt voor Hover - effecten, zodat je elk effect dat u wenst (blur, grijstinten ... ) met je favoriete afbeelding tool

bouwen . Is het moeilijk om te implementeren ?

Nee ! Het is de typische manier van het uitvoeren van eenjQueryplugin . Je moet alleen weten weinig HTML en Javascript .
Het gegeven voorbeeld is een geweldig startpunt om uw eigen slider bouwen van te maken . Zet de JS en CSS- koppelingen in het hoofd van uw HTML-site en zet in sommige DIV elementen voor uw artikelen .

De Blur Transition Effect is gebaseerd op de verandering van de 2 beelden . Onze Instructie PSD geeft u de kennis om dit effect te reproduceren op je foto's .


De beelden zien in het voorbeeldvenster worden onder licentie van fotolia en zijn NIET inbegrepen in de download . De download van dit artikel bevat placeholder beelden met een afmeting labels .

WordPress Thema's door ThemePunch

WordPress 3.3 compatibele Enorme SPeCiale admin panel UnLimited Kleuren Unlimited Portfolio's Unlimited Sidebars

WordPress Thema's door ThemePunch

PREMIUM RESPONSIVE BUSINESS WordPress thema SEO OPTIES AVERIS WordPress 3.3 compatibele mobiele Geoptimaliseerd Layout Shortcodes UnLimited Highlight Kleuren Unlimited Volledig Responsive Layout geoptimaliseerd voor Iphone, Ipad WordPress 3.3 compatibel Bericht Formats Video, Afbeelding, debar paginalay-outs Enorme Custom Admin Panel LayoutWordPress 3.3 compatibele Enorme SPeCiale admin panel UnLimited Kleuren Unlimited Portfolio's Unlimited Sidebars

Onderdelen door ThemePunch

KER8IJRNER The Ultimate Ken Btrns SUderl zeer aanpasbare Ken Burns Effect Vrij Positionabte HTML bijschriften HTML Caivas Animatie met FaliBack AnimationJfluery Deeplinking paginering Responsive Width Vaste grootte en YouTube Ondersteuning Achtergrond Slideshow en Tegel JQuery Mouse Wheel Suppot Touch swipe iOS en Android mobiele apparaten Animatie met FaUBack jQuery Runs moderne browsersParallax Effect HTI4 . Bijschriften Touch swipe voor Los en Android mobiele apparaten CSS Animatie mit fallback jQyery Runs moderne browsers PARADIGMA hity sbdef


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

Eigenschappen

Aangemaakt:
8 January 12

Last Update:
17 februari 13

Compatibel Browsers:
IE7 , IE8 , IE9 , Firefox , Safari , Opera , Chrome

Software Version:
jQuery

Files Inbegrepen:
JavaScript JS , HTML , CSS , gelaagde PSD , Gelaagde PNG

Trefwoorden