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

— Lisäosa WorldWideScripts.net

Tilaa syötteen pysymään ajan tasalla!

Uusi! Seuraa meitä kuin haluat!


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

Ads

Ad: Bluehost hosting

Tämä tiedosto sopii kotisivu banneri, diaesitys, tuote katsoja, Galleria vaikka voit käyttää intro. Kaikki animaatiot ovat muokattavissa, joten se sopii tahansa bannereita. Voit käyttää mitä tahansa määrää kerroksen kunkin liukusäädintä. Voit sijoittaa ja välit jokaisen kerroksen helposti käyttämällä tietoja määritteitä. Vuonna ladatun tiedoston viisi oletus näytteet ovat saatavilla erillisinä html-tiedoston.

Se toimii hyvin kaikki selaimen kuten iPad, iOS ja Android Device

Lähes kaikki toiminnot ovat käytettävissä muokata tätä liukusäädintä muokkaamatta lähdekoodi

Kosketusnäyttö valmiudet sekä työpöydän ja Kosketusnäyttö laite

Käytä mitään Div sisältöä voi olla useita div, kuva (myös läpinäkyvä kuvan muodossa), video, youtube ja swf (flash-tiedoston)

Ainutlaatuisia ominaisuuksia:

  • Helppo kohdistaa, väli ja animaatio suunta jokaisen kuvan ja teksti
  • Mahdollisuus valita minkä tahansa in / out animaatio suunta
  • Mahdollisuus asettaa animaation tulossa etäisyys
  • Taustalla liikkuvat animaatio
  • Mahdollisuus asettaa in / out aika kunkin div
  • Mahdollisuus asettaa diaesityksen viive jokaisen dian
  • Päällä / pois työpöydän Drag
  • Tukea rajoittamaton kuvia ja tekstiä kunkin dian


Pilkullinen Button:
  • Kolme erilaista pilkullinen painiketta Seuraava ja Edellinen painikkeita suunnittelu ovat käytettävissä
  • Aseta navigoinnin tahansa missä käyttäen Kohdista ja välit vaihtoehto
  • Näytä / Piilota pilkullinen, Seuraava ja Edellinen painikkeita
  • Päällä / pois navigointi Auto Hide

Pienkuvat:

  • Mahdollisuus näyttää Pikkukuvat kanssa ensi ja Edellinen-painiketta
  • Voidaan helposti muuttaa pienoiskuvan leveys ja korkeus CSS
  • Pienoiskuva reunuksen väri, raja koko, pientä pientä tilaa ovat ohjaus CSS-tiedosto
  • Pienoiskuva on automaattisesti sopivaksi bannerin leveys. Voit myös muuttaa pikkukuvien katselualueelle
  • Thumbnail hiiri värisävy kuvan tai ohjaus css tiedosto, voit myös käyttää värin sijasta kuva
  • Aseta thumbnail tahansa käyttäen Kohdista ja välit vaihtoehtoja
  • Voit näyttää sekä pilkullinen painikkeet ja pikkukuvia


Muut ominaisuudet:
  • Diaesitys tauko kun käyttäjä osuma banneri muuten se jatkossakin
  • Viisi erilaista näytteitä on käytettävissä
  • Tukea kaikissa selaimissa
  • Cufon font tuki
  • Voit animoida mitään, laitat sisällä div

Katso esittely matkapuhelimeen

Plug-in koodi voit muokata diaesityksen käyttämällä alla muuttujia

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


Näyte diaesitys koodi
 <! - Slide 1 -> <Div> <Img data-align = "BL" data-väli = "0,50" data-inoutdirection = "BB" data-inoutdistance = "50" data-aloitusaika = "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-väli = "70,0" data-inoutdirection = "RL" data-aloitusaika = ". 5" data-staytime = "6" data-animationspeed = "400" data-easein = "easeInQuart" data-easeout = "easeOutSine" class = "divStyle"> <Span class = "txtLarge"> Muokkaa Animaatio </ span> </ Div> <Div data-align = "TR" data-väli = "20,0" data-inoutdirection = "LR" class = "divStyle" data-inoutdistance = "60"> <Span class = "txtMedium"> in / out Suunta - Tasaus - väli </ span> </ Div> </ Div> 
Täydellinen ohje asiakirja sisältyy Lataa tiedosto

Päivitys 10.6.2013: Minor bugi korjattu

Päivitetty 23-11-2012: IE10 bugi korjattu









Jos sinulla on kysyttävää tästä tiedostosta yhteyttä minuun minun profiilisivulla.

Check out my muita tiedostoja:

















Check out my Flash-tiedostoja:

harmonikka-vaaka-vertical-image-text-animaatio







Carousel-3-tyyppiä-image-tuote-katseluohjelma

harmonikka-vaaka-vertical-image-text-animaatio


Lataa
Muut komponentit tässä luokassaKaikki osat tämän tekijän
KommentitUsein kysyttyjä kysymyksiä ja vastauksia

Ominaisuudet

Luotu:
10 lokakuu 11

Viimeisin päivitys:
11 kesäkuu 13

Yhteensopiva Selaimet:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Tiedostoja mukana:
JavaScript JS, HTML, CSS, kerroksittain PSD

Ohjelmistoversio:
jQuery

Avainsanoja

eCommerce, eCommerce, Kaikki tuotteet, bannerimainokset, banneri pyö, rittä, jä, kuva liukusä, ä, dintä, Kerros animaatio, tuote katsoja, resizable, yksinkertainen dia siirtyminen, diaesitys