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

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


KenBurner curseur jQuery Plugin - WorldWideScripts.net objet en vente

Ads

Ad: Bluehost hosting

Cliquez ici suivre Envato

KenBurner curseur jQuery Plugin

Qu'est-ce que c'est?

Kenburner est la façon la prime de l'aide d'un curseur dans votre site Web . Une combinaison de Ken Burns Effect, state-of -the- art curseur et Animations texte définit ce curseur .

Adaptez ce curseur avec juste un peu de HTML et CSS pour vos besoins mêmes . Donner à chaque curseur certaines légendes pour transporter votre message. Utilisez vos brûlures Éléments d' bannière animée Ken avec la possibilité de jouer YouTube et Vimeo clips dans une vue de détail particulier de décrire texte.

Version v.1.3 ( 19.08.2012 )

  • Chrome bug majeur avec Miniatures et animation de toile fixé . Ombre est retiré de miniatures dans Chrome
  • Nouvelle fonction de minuterie a été ajouté ( showTimer on / off via Options, Settings.css )
  • Pause icône est affichée dans le coin en haut à droite (via settings.css peuvent être décorés ou enlevé )

Correction de bogues 16.05.2012

  • Les conflits de plugin a été résolu dans le Plugin cssAnimation

Correction de bogues et nouvelles fonctionnalités 10.05.2012

  • Ombre gauche / droite / répétée réparé. Certains bug dimensionnement a été réparé
  • Dans les paramètres de largeur / hauteur définir l'option n'était pas égale à outter dimensionnement de Banner . Ce problème a été réparé ! Attention, si vous mettez à jour vers la nouvelle version, votre conteneur sera 20px plus petit parce que les rembourrages et les frontières !
  • Ajout d'une nouvelle option pour activer / désactiver le Google Chrome Bug Canvas. En Chrome les transitions fadeover sont échangés contre transitions entre les diapositives d'ignorer le bogue de toile dans Chrome

Google Chrome Bug / Fade transition Bug 09.05.2012

Le GoogleChrome jour Lates ( 18.0.1025.168 ) a un bug dans le rendu de la toile . En raison de cette Bug le s'estomper au fil transition ne fonctionne pas très bien entre les diapositives. Vous verrez un certain scintillement en changeant entre les diapositives avec des transitions en fondu . Depuis ce problème n'existe pas dans IE ou FF en nous ne pouvons vous donner une petite solution où le Plugin ignorer automatiquement des transitions en fondu dans Google Chrome. Si vous intéressé, s'il vous plaît télécharger notre prochaine mise à jour !

Via l'option repairChromeBug : "on" vous pouvez décider quand vous souhaitez changer automatiquement la transition en fondu sur la transition de la diapositive dans Chrome.

Merci beaucoup, et si vous avez des questions, s'il vous plaît n'hésitez pas à nous contacter http://themepunch.ticksy.com !

Supplémentaires Feature Update partir du 10 Février 2012

S'il vous plaît utiliser la documentation à jour du Chemin de mettre à jour votre version précédente .
  • Ajout de la fonction de chargement paresseux . Réglez via l'option combien de diapositives devrait être préchargé
  • Utilisation de Google Font est simplifiée. Il suffit de régler via l'option la police google et bibliothèque js .
  • JS Library est minimisée et fusionné . Résultat : chargement plus rapide de la bibliothèque

Supplémentaires Feature Update du 8 of Février 2012

  • Auto Calculé porte conteneur taille en fonction de bannière et Thumnail tailles
  • Symbole vidéo sur pouces ( on / off) Ajout d'une option
  • Option de défilement automatique
  • Barre d'outils Bulletpoint facultatif

Mise à jour à partir du 1er Février 2012

  • IE8 2ème diaporama bug supprimé
  • Rouleau vidéo cours dans IE7 et IE8 Bug enlevé
  • cssAnimate JS bug supprimé

Alors, quel est si nouveau ?

Pour une meilleure perfomance il utilise HTML5 Animation toile . Si ce n'est pas possible dans votre navigateur ip reviendra aux CSS Animation. Et si vous utilisez un navigateur qui n'est pas ce qu'il va Repli à une version jQuery. Il fonctionne sur tous les navigateurs modernes (y compris IE7 / 8) et sur ​​les appareils mobiles avec la meilleure performance possible!

Le Ken Burns est totalement personnalisable : Start-, End Point, zoom avant ou arrière, le facteur de zoom sont tous dans les différents paramètres du curseur . Ou aller de noix et choisissez "Random" !

Et n'oubliez pas que vous pouvez non seulement animer vos transitions d'image et l'effet Ken Burns, mais les éléments (textes, icônes, Pics ... ) sur chaque diapositive trop . Vous pouvez créer des quantités illimitées d' objets et de les laisser apparaissent avec style!

Est-ce vraiment fonctionner sur tous les navigateurs et sur ​​les mobiles ?

Bien sûr, il fonctionne surtous les navigateurs modernes (y compris IE7 / 8). d'et sur ​​iOS (iPad, iPhone)etAndroidles appareils mobiles grâce à son système de repli de couche 3 .Touchez glisserpour les appareils iOS et Android mobiles est bien sûr inclus.

Découvrez la version mobile

Quelles sont les caractéristiques ?

  • L'image et les pouces entièrement redimensionnable
  • En utilisant l'animation de toile avec repli à CSS Animations et aussi avec repli à jQuery
  • Facultatif effet Ken Burns
  • Couches Légende illimités
  • Diapositives illimités
  • Personnalisable Ken Burns Effect ( StartEnd - position et de zoom ou aléatoire)
  • iPhone / iPad et Android Swipe tactile activé
  • jQuery plugin gratuit des conflits
  • 100% personnalisable via les paramètres de plug-in / CSS / HTML
  • Facile à installer sur votre site
  • Assouplissement spécial
  • Exemple page incluse
  • Exemple d'image Instruction Effect PSD inclus
  • 2 images sont utilisées pour Hover -effets, de sorte que vous pouvez construire tous les effets que vous souhaitez (flou, gris ... ) avec votre outil d'image préféré

Est-il difficile à mettre en œuvre?

Non! C'est la façon habituelle de mise en œuvre ajQueryplugin. Vous avez juste besoin de savoir peu de HTML et de Javascript.
L'exemple donné est un point de départ formidable pour construire votre propre curseur hors de lui. Mettez les liens JS et CSS dans la tête de votre site HTML et mettre en certains éléments DIV pour vos articles.

L'effet de transition de Blur est basé sur le changement de 2 images. Notre Instruction PSD vous donne la knowlegde de reproduire cet effet sur vos photos .


Les images vues dans la prévision sont autorisés à partir de fotolia et ne sont pas inclus dans le téléchargement . Le téléchargement de cet article contient des images d'espace réservé avec des étiquettes de dimension.

WordPress Thèmes de ThemePunch

WordPress 3.3 compatible énormes coutume admin panel illimité Couleurs Portfolios illimités illimités encadrés

WordPress Thèmes de ThemePunch

PREMIUM SENSIBLE BUSINESS thème WordPress SEO OPTIONS Averis WordPress 3.3 compatible Disposition optimisée pour mobile illimité Shortcodes mise en évidence des couleurs illimitées Mise en répondre pleinement optimisée pour Iphone, Ipad WordPress 3.3 compatible Message Formats vidéo, Image, excluent des mises en page Huge Disposition du panneau d'administration personnaliséeWordPress 3.3 compatible énormes coutume admin panel illimité Couleurs Portfolios illimités illimités encadrés

Composants par ThemePunch

KER8IJRNER The Ultimate Ken Btrns SUderl hautement personnalisable Ken Burns Effect librement Positionabte Légendes HTML HTML Caivas Animation avec FaliBack AnimationsJfluery Lier pagination Responsive Largeur Taille fixe et Youtube fond de soutien Diaporama image et Tile profonde . JQuery molette de la souris tactile Suppot glisser iOS et Android appareils mobiles animation avec jQuery FaUBack Runs navigateurs modernesParallax Effect HTI4 . Légendes tactile glisser pour LOS et Android appareils mobiles CSS Animations mit FallBack jQyery Runs navigateurs modernes PARADIGM hity sbdef


Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Créé:
8 Janvier 12

Dernière mise à jour:
17 Février 13

Navigateurs compatibles:
IE7, IE8, IE9 , Firefox , Safari, Opera, Chrome , Version du logiciel

Mots-clés