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

jQuery Homepage Banner Slideshow / Product viewer

— Add-On pour WorldWideScripts.net

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

Nouveau! Suivez-nous que vous le souhaitez!


jQuery Homepage Banner Slideshow / Product viewer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Ce fichier est adapté pour la page d'accueil bannière, diaporama, produit spectateur, Galerie, même si vous pouvez utiliser comme une intro. Toutes les animations sont personnalisables de sorte qu'il convient à tout type de bannières. Vous pouvez utiliser un nombre quelconque de couche sur chaque curseur. Vous pouvez positionner et espacer chaque couche facilement en utilisant les attributs de données. Dans le fichier de téléchargement, cinq échantillons de défaut sont disponibles dans le fichier HTML distinct.

Il fonctionne bien dans tous les navigateurs, y compris iPad, iOS et Android Device

Presque toutes les options sont disponibles pour personnaliser ce curseur sans modifier le code source

Touchez la capacité de l'écran à la fois de bureau et appareil à écran tactile

Utilisez tout type de contenu Div il peut être div multiple, l'image (y compris le format d'image transparente), vidéo, youtube et swf (flash)

Caractéristiques uniques:

  • Facile à aligner, l'espacement et la direction de l'animation pour chaque image et de texte
  • Option permettant de choisir tout type de in / out direction d'animation
  • Possibilité de régler l'animation venir la distance
  • Motif de fond déplacer animation
  • Option pour définir in / out temps pour chaque div
  • Option pour définir diaporama temps de retard pour chaque diapositive
  • Activer / Désactiver bureau Drag
  • Soutenir nombre illimité d'images et de texte sur chaque diapositive


Bouton en pointillés:
  • Trois types de bouton parsemée de boutons Suivant et Précédent conception différentes sont disponibles
  • Positionner la navigation importe où en utilisant l'option Aligner et Espacement
  • Afficher / masquer les pointillés, boutons Suivant et Précédent
  • Activer / Désactiver masquer la navigation automobile

Vignettes:

  • Option pour montrer Vignettes avec le bouton suivant et précédent
  • Peut être facilement modifier la largeur et la hauteur des vignettes en utilisant css
  • Couleur de la bordure sur la vignette, la taille de la frontière, la vignette pour l'espace des vignettes sont le contrôle par fichier css
  • Vignette est automatiquement ajustement à la largeur de la bannière. Vous pouvez également modifier l'affichage des vignettes région
  • Souris Thumbnail image de teinte ou de contrôle sur travers fichier css, vous pouvez également utiliser la couleur à la place de l'image
  • Placez la vignette n'importe où en utilisant Aligner et les options d'espacement
  • Vous pouvez afficher les deux boutons et miniatures pointillés


Autres caractéristiques:
  • Diaporama pause lorsque l'utilisateur a frappé la bannière sinon il continuera à jouer
  • Cinq types d'échantillons différents est disponible
  • Supporter tous les navigateurs
  • Cufon support des polices
  • Vous pouvez animer tout ce que vous placez à l'intérieur du div

Voir la démo sur votre mobile

Dans le code du plug-in, vous pouvez personnaliser le diaporama ci-dessous en utilisant les variables

 . jQuery (function ($) {$ ('# jq_fmslideshow') fmslideshow ({BANNER_WIDTH: "", banner_height: "", image_sprite: "fmslideshow_assets / sprite.png", image_background: "", image_topShadow: "", image_bottomShadow: "", image_loader: "fmslideshow_assets / loader_img.png", background_fullScreen: false, background_move: false, background_moveDistance: 1250, buttons_type: 0, buttons_autoHide: false, buttons_align: «BC», buttons_spacing: "15,0", button_nextPrevious_type: 0, button_nextPrevious_autoHide: true, button_next_align: "RC", button_next_spacing: "20,0", button_previous_align: «LC», button_previous_spacing: "20,0", dotButtons: faux, button_next_previous: faux, thumbnails_align: «BC», thumbnails_spacing: " -75,0 ", thumb_next_preious_width: 38, slideShow: false, slideShow_delayTime: 2, desktop_drag: true default_data_align:« LC », default_data_spacing:" 70,0 ", default_data_inOutDirection:" LR ", default_data_inOutDistance:" 60 "});} ); 


Exemple de code diaporama
 <! - Diapositive 1 -> <div> <img données ALIGN = "BL" données espacement = "0,50" données inoutdirection = "BB" données inoutdistance = "50" data-starttime = "0" data-staytime = "5" data-animationspeed = "700" données easeIn = "easeOutQuart" données easeOut = "easeOutSine" class = "imgSty" src = "images / image2.png" alt = "fmslideshow" /> <div align = données "TR" données espacement = "70,0" données inoutdirection = "RL" données starttime = ". 5" data-staytime = "6" données animationspeed = "400" données easeIn = "easeInQuart" données easeOut = "easeOutSine" class = "divStyle"> <span class = "txtLarge"> Personnaliser l'animation </ span> </ div> <div align = données "TR" données espacement = "20,0" données inoutdirection = "LR" class = "divStyle" données inoutdistance = "60"> <span class = "txtMedium"> In / Out Direction - Alignement - Espacement </ span> </ div> </ div> 
Complete document d'aide est inclus dans le fichier de téléchargement

Mise à jour sur 06/10/2013: Minor bug fixes

Mise à jour sur 23-11-2012: IE10 bug fixé









Si vous avez des questions au sujet de ce dossier me contacter par mon page de profil.

Consultez mes autres fichiers:

















Regarde mes fichiers Flash:

accordéon-horizontal-vertical-image-texte-animation







carrousel-3-types-image-produit-viewer

accordéon-horizontal-vertical-image-texte-animation


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éé:
10 Octobre 11

Dernière mise à jour:
11 13 Juin

Navigateurs compatibles:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Fichiers inclus:
JS JavaScript, HTML, CSS, PSD

Une version de logiciel:
jQuery

Mots-clés

commerce é, lectronique, commerce é, lectronique, Tous les objets, banniè, re publicitaire, rotateur banniè, re, curseur sur l'image, Animation Layer, produit spectateur, redimensionnable, transition simple glissement, diaporama