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

— Lisäosa WorldWideScripts.net

Tilaa syötteen pysymään ajan tasalla!

Uusi! Seuraa meitä kuin haluat!


KenBurner Slider jQuery Plugin - WorldWideScripts.net Tuote myytävänä

Ads

Ad: Bluehost hosting

Klikkaa tästä seuraa Envato

KenBurner Slider jQuery Plugin

Mikä se on ?

Kenburner onpalkkio tapa käyttääliukusäädintä sivuston . Yhdistelmä Ken Burns-tehosteen, state-of - the-art Slider ja teksti animaatioita määrittelee tämän liukusäädintä .

Muokata tätä liukusäädintä vainhieman HTML ja CSS teidän hyvin tarpeisiin . Anna jokaiselle liukusäädintä joitakin kuvatekstejä kuljettaa viestisi . Käytä Ken Burns Animated banneri elementitmahdollisuus soittaa YouTube ja Vimeo leikkeeterityisen yksityiskohtaisesti mieltä kuvataan tekstiä .

Release v.1.3 ( 19.08.2012 )

  • Chrome Major Bug kuvakkeet, Canvas Animaatio vahvistettu . Shadow poistetaan pikkukuvat Chrome
  • Uusi Ajastin on lisätty ( showTimer päälle / pois päältä -asetukset ja Settings.css )
  • Taukosymboli näkyyoikeassa yläkulmassa ( via settings.css voidaan tyylistä tai poistaa )

Bug vahvistamisesta 16.05.2012

  • Plugin ristiriidat on ratkaistucssAnimation Plugin

Bug vahvistamisesta ja uusia ominaisuuksia 10.05.2012

  • Shadow vasen / oikea / toistuva Korjatut . Jotkut mitoitus bug on korjattu
  • Vaihtoehdossa Laitteen leveys / korkeus-asetukset ei ollut yhtä outter mitoitus Banner . Tämä ongelma on korjattu ! Varovainen, jos päivität uuteen versioon, sinun Container tulee 20px pienempi, koskapehmustus jarajoja !
  • Lisätty uusi mahdollisuus kytkeä päälle / pois päältäGoogle Chrome Canvas Bug . Chromefadeover siirtymät ovat vaihtuneet vastaan ​​diasiirtymiä sivuuttaaCanvas Bug Chrome

Google Chrome Bug / Fade Transition Bug 09.05.2012

Kee GoogleChrome Update ( 18.0.1025.168 ) on joitakin BugCanvas Rendering . Koska tämä BugFade Yli siirtyminen toimi hyvin kalvojen välillä . Näet joitakin Flickering vaihdoilla diat fade siirtymät . Koska tätä ongelmaa ei ole IE tai FF voimme vain antaa sinullepienen workaround jossaPlugin automaattisesti sivuuttaa fade siirtymät Google Chrome . Jos olet kiinnostunut, ota lataa seuraava päivitys !

Viavaihtoehto repairChromeBug : " on " voit päättää aina kun haluat muuttaa automaattisestifade siirtymistä vastaan ​​dian Chrome .

Kiitospaljon, ja jos sinulla on kysyttävää, älä epäröi ottaa meihin yhteyttä http://themepunch.ticksy.com !

Lisäominaisuus päivitys 10 helmikuu 2012

Käytä Päivitys Polku Documentation päivittää aiemman version .
  • Lisätty Lazy Loading toiminto . Aseta optiosopim kuinka monta dioja pitäisi esiasennettu
  • Google Font on yksinkertaistettu . Aseta vain optiosopimgoogle fontin ja js kirjasto .
  • JS Kirjasto on minimoitu ja yhdistyivät . Tulos : Nopeampi kuorma kirjasto

Lisäominaisuus päivitys 08 helmikuu 2012

  • Auto Laskettu haltija pakkauskoon riippuen banneri ja Thumnail koot
  • Video symboli Thumbs ( on / off ) Vaihtoehto Lisätty
  • Auto liukusäädintä vaihtoehto
  • Valinnainen Bulletpoint Toolbar

Päivitys 01 helmikuu 2012

  • IE8 toinen Slide bugi poistettu
  • Video Roll Over IE7 ja IE8 Bug poistettu
  • cssAnimate JS bug poistettu

Mikä siis on niin uutta ?

Parhaan perfomance se käyttää HTML5 Canvas animaatio . Jos tämä ei ole mahdollista selaimessasi se Varmistuksena CSS -animaatio . Ja jos käytätselainta, joka ei tätä se VarmistuksenajQuery versio . Joten se toimii kaikissa moderni selain ( kuten IE7 / 8 ) ja mobiililaitteillaparhaan mahdollisen suorituskyvyn !

Ken Burns on täysin muokattavissa : Start -, End Point, Zoom In tai Out, Zoom Factor ovat kaikkieri liukusäädintä parametrit . Tai mene pähkinät ja valitse " Random " !

Ja älä unohda, että et vain voi animoida kuvan siirtymiä jaKen Burns-tehosteen muttaelementit ( teksti, kuvakkeet, Pics ... ) kunkin dian liikaa. Voit luoda rajattoman määrän esineitä ja anna ne näyttämään tyylillä !

Onko tämä todella toimii kaikissa selaimissa ja kännykkää ?

Toki se toimiijokainen moderni selain ( kuten IE7 / 8 )jaiOS ( iPad, iPhone )jaAndroidmobiililaitteisiin, koska sen 3 Layer Varateksti System .Touch pyyhkäisemälläiOS ja Android mobiililaitteissa on tietenkin mukana .

Tutustumobiiliversiota

Mitä ominaisuuksia ?

  • Kuva ja Thumbs täysin skaalautuvia
  • Käyttämällä Canvas Animaatio Varmistuksena CSS Animaatio ja myös Varmistuksena jQuery
  • Valinnainen Ken Burns vaikutuksia
  • Rajoittamaton Kuvateksti Layers
  • Rajoittamaton diat
  • Muokattavissa Ken Burns-tehosteen ( StartEnd - asema ja Zoom tai Random )
  • iPhone / iPad ja Android pyyhkäisemällä Touch käytössä
  • jQuery Conflict ilmainen plugin
  • Muokattavissa 100 % kautta Plugin Parameters / CSS / HTML
  • Helppo asentaa oman sivuston
  • Special helpottaminen
  • Esimerkki Page mukana
  • Esimerkki kuvatehostetoiminto Instruction PSD mukana
  • 2 Kuvia käytetään Hover - tehosteet, joten voit rakentaa kaikille vaikutuksille haluat ( blur, harmaasävyt ... ) suosikki kuva työkalu

Onko se vaikea toteuttaa ?

Ei ! Se ontyypillinen tapa toteuttaajQueryplugin . Sinun tarvitsee vain tietää hieman HTML-ja JavaScript .
Annetaan esimerkki onmahtava aloituspiste rakentaa oman liukusäädintä pois. LaitaJS ja CSS linkkejäpään HTML -sivuston ja laittaa hieman DIV elementtejä kohteita .

Blur Transition Effect perustuumuutos 2 kuvaa . Meidän opetus PSD antaa sinulleknowlegde toistamaan tämän vaikutus kuvia .


Kuvat nähnytesikatselu on lisensoitu fotolia ja ei sisällä niitälatauksena. Lataa tämä kohde sisältää paikkamerkkikuvat kanssa ulottuvuus tarroja .

WordPress Teemat ThemePunch

WordPress 3.3 yhteensopiva Huge Muokkausliittymä Panel rajattomasti värejä Rajaton Kynät Unlimited Sidebars

WordPress Teemat ThemePunch

PREMIUM MUKAUTUVA BUSINESS WordPress teema SEO OPTIONS AVERIS WordPress 3.3 yhteensopiva Mobile optimoitu asettelu Lyhytkoodit rajoittamaton korostusvärit Unlimited Täysin reagoiva Layout optimoitu iPhone, iPad WordPress 3.3 yhteensopiva Post formaatit Video, Image, debar sivun ulkoasua Huge Muokkausliittymä äjäystäväWordPress 3.3 yhteensopiva Huge Muokkausliittymä Panel rajattomasti värejä Rajaton Kynät Unlimited Sidebars

Komponenttien ThemePunch

KER8IJRNERUltimate Ken Btrns SUderl muokattavissa Ken Burns Effect Vapaasti Positionabte HTML kuvatekstit HTML Caivas Animaatio FaliBack AnimaatioJfluery Deep yhdistäminen sivutus reagoiva Leveys Vakiokokoisten Ja Youtube tuki Tausta diaesitys Kuvan ja laatta JQuery Mouse Wheel Suppot Touch pyyhkäistä iOS ja Android mobiililaitteissa Animaatio FaUBack jQuery Runs moderneihin selaimiinParallax Effect HTI4 . Kuvatekstit Touch pyyhkäistä los ja Android mobiililaitteissa CSS Animaatio mit fallback jQyery Toimii uudet selaimet PARADIGM hity sbdef


Lataa
Muut komponentit tässä luokassaKaikki osat tämän tekijän
KommentitUsein kysyttyjä kysymyksiä ja vastauksia

Ominaisuudet

Luotu:
08 tammikuu 12

Last Update:
17 helmikuu 13

tukemat selaimet:
IE7 , IE8 , IE9 , Firefox , Safari , Opera , Chrome , Software Version

tiedostoja mukana:
JavaScript JS , HTML , CSS , Layered PSD , läpinäkyvien PNG

Avainsanoja