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

Abonner på vores feed for at holde dig ajour !

Nyt! Følg os som du ønsker det!


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

Ads

Ad: Bluehost hosting

Denne fil er velegnet til hjemmeside banner, lysbilledshow, produkt fremviser, Galleri selvom du kan bruge som en intro. Alle animationer kan tilpasses, så det passer til alle typer af bannere. Du kan bruge et vilkårligt antal lag på hver skyderen. Du kan placere og afstand hvert lag let ved hjælp af data attributter. I download-fil, findes i separate HTML-fil fem standard prøver.

Det fungerer godt i alle browser, herunder iPad, iOS og Android-enhed

Næsten alle muligheder er til rådighed for at tilpasse denne skyder uden at redigere kildekoden

Touch screen kapacitet til både desktop og touch screen enhed

Brug enhver form for Div indhold kan det være flere div, billede (inklusive gennemsigtigt billedformat), video, youtube og SWF (Flash-fil)

Unikke funktioner:

  • Let at tilpasse, afstand og animation retning for hvert billede og tekst
  • Mulighed for at vælge enhver form for in / out animation retning
  • Mulighed for at indstille animation kommer afstand
  • Baggrund mønster bevæger animation
  • Mulighed for at indstille in / out tid for hver div
  • Mulighed for at indstille diasshow tidsforsinkelse for hver slide
  • Aktiver / Deaktiver desktop Træk
  • Støtte ubegrænset billeder og tekst på hver slide


Punkteret knap:
  • Tre forskellige typer af prikket knap med knapperne Næste og Forrige design er til rådighed
  • Placer navigation hvor som helst ved hjælp af Ret og afstand indstilling
  • Vis / skjul punkteret, Næste og Forrige knapper
  • Aktiver / Deaktiver navigation auto skjul

Miniaturer:

  • Mulighed for at vise miniaturebilleder med næste og forrige knap
  • Kan nemt ændre thumbnail bredde og højde ved hjælp af css
  • Thumbnail kantfarve, grænsekontrol størrelse, miniature for miniature rum er kontrol gennem css fil
  • Thumbnail er automatisk egnet til at banneret bredde. Du kan også ændre miniaturer visningen området
  • Thumbnail musen over farvetone billede eller kontrol gennem css-fil, kan du også bruge farver i stedet for billedet
  • Placer miniaturen overalt ved hjælp Juster og afstand muligheder
  • Du kan vise både stiplede knapper og thumbnails


Andre funktioner:
  • Slideshow pause, når brugeren trykker på banneret ellers fortsætter med at spille
  • Fem forskellige typer af prøver er til rådighed
  • Støtte alle browsere
  • Cufon font support
  • Du kan animere noget, du placerer inde i div

Se demo på din mobil

I plug-in kode kan du tilpasse diasshow med nedenstående variabler

 jQuery (funktion ($) { $ ('# 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: falsk, background_move: falsk, background_moveDistance: 1250, buttons_type: 0, buttons_autoHide: falsk, buttons_align: "BC", buttons_spacing: "15,0", button_nextPrevious_type: 0, button_nextPrevious_autoHide: sandt, button_next_align: "RC", button_next_spacing: "20,0", button_previous_align: "LC", button_previous_spacing: "20,0", dotButtons: falske, button_next_previous: falsk, thumbnails_align: "BC", thumbnails_spacing: "-75,0", thumb_next_preious_width: 38, diasshow: falsk, slideShow_delayTime: 2, desktop_drag: true default_data_align: "LC", default_data_spacing: "70,0", default_data_inOutDirection: "LR", default_data_inOutDistance: "60" }); }); 


Prøve slideshow kode
 <! - Slide 1 -> <div> <img data-align = "BL" data-afstand = "0,50" data-inoutdirection = "BB" data-inoutdistance = "50" data-starttidspunkt = "0" data-staytime = "5" data-animationspeed = "700" data-easein = "easeOutQuart" data-easeout = "easeOutSine" class = "imgSty" src = "images / image2.png" alt = "fmslideshow" /> <div data-align = "TR" data-afstand = "70,0" data-inoutdirection = "RL" data-starttidspunkt = ". 5" data-staytime = "6" data-animationspeed = "400" data-easein = "easeInQuart" data-easeout = "easeOutSine" class = "divStyle"> <span class = "txtLarge"> Tilpas Animation </ span> </ div> <div data-align = "TR" data-afstand = "20,0" data-inoutdirection = "LR" class = "divStyle" data-inoutdistance = "60"> <span class = "txtMedium"> In / Out Retning - Alignment - Afstand </ span> </ div> </ div> 
Komplet hjælp dokument er inkluderet i download-fil

Opdatering på 2013/10/06: Mindre fejl rettet

Opdatering på 23-11-2012: IE10 fejl rettet









Hvis du har spørgsmål om denne fil kontakte mig via min profil side.

Tjek mine andre filer:

















Tjek mine Flash-filer:

harmonika-vandret-lodret-image-tekst-animation







karrusel-3-typer-image-produkt-viewer

harmonika-vandret-lodret-image-tekst-animation


Hent
Andre komponenter i denne kategoriAlle komponenter i denne forfatter
KommentarerOfte stillede spørgsmål og svar

Egenskaber

Oprettet:
10 oktober 11

Sidste ændring:
11 juni 13

Kompatible Browsere:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Filer Inkluderet:
JavaScript JS, HTML, CSS, Layered PSD

Software Version:
jQuery

Søgeord

eCommerce, eCommerce, Alle emner, bannerreklamer, banner rotator, billede skyderen, Lag animation, produkt fremviser, resizable, simpel slide overgang, slideshow