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

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


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

Ads

Ad: Bluehost hosting

Aquest fitxer és adequat per a la bandera pàgina d'inici, presentació de diapositives, visor de producte, Galeria, encara que es pot utilitzar com una introducció. Totes les animacions són personalitzables pel que és adequat per a qualsevol tipus de pancartes. Es pot utilitzar qualsevol nombre de capes en cada lliscant. Vostè pot posar i espaiant cada capa fàcilment amb atributs de dades. En arxiu de descàrrega, cinc mostres per defecte estan disponibles a l'arxiu html separada.

Funciona bé en tots els navegadors, incloent iPad, iOS i Android

Gairebé totes les opcions estan disponibles per personalitzar el lliscador sense editar el codi font

Toc capacitat de pantalla per a l'escriptori i el dispositiu de pantalla tàctil

Utilitzeu qualsevol tipus de contingut Div pot ser div múltiple, d'imatge (incloent format d'imatge transparent), vídeo, youtube i swf (arxiu flash)

Característiques úniques:

  • Fàcil d'alinear, espaiament i direcció d'animació per a cada imatge i text
  • Opció de triar qualsevol tipus d'entrada / sortida direcció d'animació
  • Opció per a configurar l'animació distància ve
  • Model del fons d'animació en moviment
  • Opció per a configurar in / out temps per a cada div
  • Opció per establir slideshow temps de retard per a cada diapositiva
  • Activar / Desactivar l'escriptori Arrossegament
  • Donar suport imatges il·limitades i text en cada diapositiva


Botó de punts:
  • Tres tipus diferents de botó de punts amb botons Següent i Anterior disseny estan disponibles
  • Col·loqui la navegació en qualsevol lloc utilitzant Alinear i opció Espaiat
  • Mostra / Amaga el puntejat, botons Següent i Anterior
  • Activar / desactivar amaga automàticament la navegació

Miniatures:

  • Opció per mostrar miniatures amb botó de següent i anterior
  • Es pot canviar fàcilment l'ample de miniatures i altura usant css
  • Color de vora en miniatura, mida de la vora, la miniatura per a l'espai de miniatures són el control a través d'arxius css
  • Miniatura és apte automàticament a l'amplada de la bandera. També pot canviar l'àrea de visualització d'imatges en miniatura
  • Ratolí Imatge en miniatura tint o control sobre través arxiu css, també pots utilitzar el color en lloc de la imatge
  • Col·loqui la imatge en qualsevol lloc utilitzant Alinear i opcions d'espaiat
  • Pot mostrar els dos botons de punts i miniatures


Altres característiques:
  • Presentació de pausa quan l'usuari va colpejar la bandera en cas contrari, segueixi exercint
  • Cinc tipus diferents de mostres està disponible
  • Suporta tots els navegadors
  • Suport de fonts Cufon
  • Pot animar qualsevol cosa que es col·loca dins de la div

Veure demo al teu mòbil

En el codi de plug-in es pot personalitzar la presentació de diapositives usant a continuació 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: falses, button_next_previous: false, thumbnails_align: "BC", thumbnails_spacing: "-75,0", thumb_next_preious_width: 38, Diapositives: false, slideShow_delayTime: 2, desktop_drag: true default_data_align: "LC", default_data_spacing: "70,0", default_data_inOutDirection: "LR", default_data_inOutDistance: "60" }); }); 


Codi de presentació de la mostra
 <! - Diapositiva 1 -> <div> <img dades-align = "BL" d'espaiament de dades = "0,50" -inoutdirection data = "BB" -inoutdistance data = "50" dades startTime = "0 "dades en temps de permanència =" "animationspeed-data =" 5 700 "-easeIn data =" easeOutQuart "-easeOut data =" easeOutSine "class =" imgSty "src =" images / image2.png "alt =" fmslideshow "/> <div align-data = "TR" espaiat de dades = "70,0" -inoutdirection data = "RL" -starttime data = ". 5" -temps de permanència de dades = animationspeed-data "6" = -easeIn dades "400" = "easeInQuart" -easeOut data = "easeOutSine" class = "divStyle"> <span class = "txtLarge"> Personalitzar animació </ span> </ div> <div dades-align = "TR" espaiat de dades = "20, 0 "-inoutdirection data =" LR "class =" divStyle "-inoutdistance data =" 60 "> <span class =" txtMedium "> Entrada / Sortida Direcció - Alineació - Separació </ span> </ div> </ div > 
Document d'ajuda completa s'inclou en l'arxiu de descàrrega

Informació actualitzada sobre 2013.10.06: insecte Menor fixa

Actualització sobre 2012.11.23: IE10 error corregit









Si vostè té alguna pregunta sobre aquest fitxer en contacte amb mi a través del meu pàgina de perfil.

Fes un cop d'ull als meus altres arxius:

















Fes un cop d'ull als meus arxius Flash:

acordió horitzontal-vertical de la imatge de text d'animació







carrusel-3-tipus-imatge-producte-viewer

acordió horitzontal-vertical de la imatge de text d'animació


Descarregar
Altres components d'aquesta categoriaTots els components d'aquest autor
Comentaris dels clientsPreguntes freqüents i respostes

Propietats

Creat:
Octubre 10 11

Darrera actualització:
11 juny 13

Els navegadors compatibles:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Arxius inclosos:
JavaScript JS, HTML, CSS, en capes PSD

Versió del programari:
jQuery

Paraules clau

eCommerce, eCommerce, Tots els Articles, banners, bandera dels rotatoris, lliscant imatge, Animació, de capa, visor de producte, de mida variable, senzilla transició, de diapositives, slideshow