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

@de1wwsAbonniere den Feed um auf dem neuesten Stand zu bleiben!

Neu! Folge uns, wie Du es möchtest!


KenBurner Slider jQuery Plugin - WorldWideScripts.net Artikel zum Verkauf

Ads

Ad: Bluehost hosting

Klicken Sie hier, folgen Envato

KenBurner Slider jQuery Plugin

Was ist das?

Kenburner ist die Premium- Weg mit einem Schieberegler in Ihre Website. Eine Kombination von Ken Burns Effekt, definiert state-of- the-art Slider und Text Animationen diesen Schieberegler .

Fertigen Sie diesen Schieberegler mit ein wenig HTML und CSS, um Ihre ganz Bedürfnisse . Geben Sie jedem Schieberegler einige Beschriftungen auf Ihre Nachricht zu transportieren. Verwenden Sie Ihre Ken Burns Animierte Banner-Elemente mit der Möglichkeit des Spielens YouTube und Vimeo -Clips in einer speziellen Detailansicht mit beschreibenden Text .

Release v.1.3 ( 19.08.2012 )

  • Chrome -Dur Bug mit Thumbnails und Canvas Zeichentrick fixiert. Schatten von Thumbnails in Chrome entfernt
  • New Timer-Funktion wurde hinzugefügt ( SHOWTIMER on / off über Optionen und Settings.css )
  • Pause Icon wird in der oberen rechten Ecke des Bildschirms angezeigt (via settings.css gestylt werden oder entfernt werden)

Bug Fixing 16.05.2012

  • Plugin Konflikte innerhalb der cssAnimation Plugin behoben

Bug Fixing & Neue Funktionen 10.05.2012

  • Schatten links / rechts / wiederholt repariert . Einige Dimensionierung Fehler wurde behoben
  • In Option set Breite / Höhe Einstellungen nicht gleich outter Dimensionierung der Banner . Dieses Problem wurde behoben ! Achtung, wenn Sie ein Update auf die neue Version, wird Ihr Container sein 20px kleiner, weil der Polster und die Grenzen !
  • Neue Option zum Ein- / Ausschalten des Google Chrome Leinwand Bug . In Chrome die fadeover Übergänge gegen Folienübergänge vertauscht, um die Leinwand Bug in Chrome

ignorieren. Google Chrome Bug / Fade Transition Bug 09.05.2012

Die neuste GoogleChrome Update ( 18.0.1025.168 ) hat einige Bug im Canvas Rendering . Aufgrund dieser Bug das Fade Over Übergang wird nicht gut funktionieren zwischen den Folien. Sie werden es zu Flimmern, indem zwischen den Folien mit Fade- Übergänge zu sehen. Da dieses Problem nicht in IE oder FF in existieren können wir Ihnen nur einen kleinen Workaround, wo das Plugin automatisch ignorieren Fade Übergänge in Google Chrome. Wenn Sie interessiert sind, laden Sie bitte unsere nächsten Update !

Über die Option repairChromeBug : "on" können Sie entscheiden, wenn Sie automatisch die Überblendung gegen Folienübergangs in Chrome möchten.

Vielen Dank, und wenn Sie irgendwelche Fragen haben, zögern Sie bitte nicht, mit uns über kontaktieren . http://themepunch.ticksy.com !

Weitere Funktions-Update vom 10. Februar 2012

Bitte benutzen Sie den Update- Pfad Dokumentation zu Ihrer vorherigen Version zu aktualisieren.
  • Hinzugefügt Lazy Loading Funktion . Stellen Sie über die Option, wie viele Dias geladen werden sollen
  • Mit Google Font wird vereinfacht. Nur über die Option google Schriftart und js Bibliothek.
  • JS -Bibliothek wird minimiert und verschmolzen. Profit: Quicker Last of Library

Zusätzliches Feature Update 8. Februar 2012

  • Auto Berechnet Halter Behälter je nach Größe und Banner Thumnail Größen
  • Video Symbol auf Daumen (on / off ) Option hinzugefügt
  • Auto Schieberegler Option
  • Optional Bulletpoint Toolbar

Update vom 1. Februar 2012

  • IE8 2. Slide Bug entfernt
  • Video Roll Over in IE7 und IE8 Bug entfernt
  • cssAnimate JS Bug entfernt

Also, was ist so neu ?

Für beste Performance nutzt HTML5 Canvas -Animation. Ist dies nicht möglich, in Ihrem Browser wird es Fallback auf CSS -Animation. Und wenn Sie einen Browser, der nicht tut wird es Fallback auf eine jQuery -Version. So funktioniert es auf jedem modernen Browser (einschließlich IE7 / 8) und auf mobilen Geräten mit der bestmöglichen Leistung!

Die Ken Burns ist total kundengerecht : Start-, End -Point, Zoom In oder Out, Zoom -Faktor sind in den verschiedenen Schieberegler Parameter . Oder gehen Nüsse und wählen Sie "Random" !

Und vergessen Sie nicht, dass Sie nicht nur Ihr Bild Übergänge und die Ken Burns Effekt, sondern die Elemente (Text, Icons, Bilder ... ) auf jeder Folie zu animieren . Sie können unbegrenzte Mengen von Objekten und lassen Sie sie mit Stil erscheinen !

Bedeutet dies wirklich auf allen Browsern und auf dem Handy laufen?

Sicher, es funktioniert aufjeder moderne Browser (einschließlich IE7 / 8)und weiteriOS (iPad, iPhone)undAndroidmobile Geräte aufgrund seiner 3-Schicht -System Fallback .Touch- Swipefür iOS und Android mobile Geräte ist natürlich inklusive .

Schauen Sie sich die mobile Version

Was sind die Merkmale ?

  • Bild und Daumen vollständig veränderbar
  • Mit Canvas -Animationen mit Fallback auf CSS Animation und auch mit Fallback auf jQuery
  • Optional Ken Burns-Effekt
  • Unbegrenzt Bildunterschrift Layers
  • Unbegrenzt Slides
  • Anpassbare Ken Burns Effect ( startend - Position und Zoom oder Random)
  • iPhone / iPad & Android Swipe Berühren aktiviert
  • jQuery Konflikt kostenloses Plugin
  • Anpassbare 100% via Plugin Parameter / CSS / HTML
  • Einfache Installation in Ihre Internetseite
  • Besondere Easing
  • Beispiel Page enthalten
  • Beispiel Picture Effect Instruction PSD enthalten
  • 2 Bilder für Hover - Effekte verwendet, so können Sie jeden gewünschten Effekt (Blur, Graustufen ... ) mit Ihrem Lieblings- Bild -Tool

bauen. Ist es schwer zu implementieren ?

Nein! Es ist die typische Art und Weise der Umsetzung einerjQueryPlugin. Sie müssen nur wenig HTML und Javascript kennen.
Die gegebene Beispiel ist eine wunderbare Startpunkt eigene Schieberegler aus ihm bauen. Setzen Sie die JS und CSS Links im Kopf der HTML- Seite und legte in einigen DIV-Elemente für Ihre Artikel .

Der Blur Transition Effect beruht auf der Änderung von 2 Bildern. Unser Unterricht PSD gibt Ihnen die knowlegde um diesen Effekt auf Ihre Bilder zu reproduzieren.


Die Bilder in der Vorschau zu sehen sind von fotolia lizenziert und sind NICHT im Download enthalten. Der Download für diesen Artikel enthält Platzhalter Bilder mit Dimension Etiketten.

WordPress Themes von ThemePunch

WordPress 3.3 kompatibel Riesig CuSTOM Admin Panel unbegrenzten Farben Unbegrenzte Portfolios Unbegrenzte Sidebars

WordPress Themes von ThemePunch

PREMIUM RESPONSIVE BUSINESS WordPress Theme SEO OPTIONS Averis WordPress 3.3 kompatiblen mobilen optimiertes Layout Shortcodes UnLimited Highlight Colors Unlimited Voll Responsive Layout für Iphone optimiert, Ipad WordPress 3.3 kompatibel Post-Formate Video, Bild, debar Seitenlayouts Huge Benutzerdefinierte Admin Panel -LayoutWordPress 3.3 kompatibel Riesig CuSTOM Admin Panel unbegrenzten Farben Unbegrenzte Portfolios Unbegrenzte Sidebars

Komponenten von ThemePunch

KER8IJRNER The Ultimate Ken Btrns SUderl hochgradig anpassbarer Ken Bums Effect Frei Positionabte HTML Bildtext HTML Caivas Zeichentrick Zeichentrick mit FaliBackJfluery Deep Linking Paginierung Responsive Breite feste Größe und Youtube -Unterstützung Hintergrund Diashow Bild und Fliesen JQuery Mausrad Suppot Touch- Swipe iOS und Android mobile Geräte mit Zeichentrick FaUBack jQuery Läuft modernen BrowsernParallax Effekt HTI4 . Bildtext Touch- Swipe für Los und Android mobile Geräte CSS Animationen mit FallBack jQyery Läuft modernen Browsern PARADIGM hity sbdef


Herunterladen
Weitere Komponenten in dieser KategorieAlle Komponenten dieses Autors
KommentareHäufige Fragen und Antworten

Eigenschaften

Erstellt:
8 12. Januar

Letztes Update 17. Februar:
13

kompatiblen Browsern:
IE7, IE8 , IE9 , Firefox , Safari, Opera, Chrome , Software Version

Dateien inklusive:
JavaScript JS , HTML , CSS, PSD , PNG Layered

Stichworte