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

Mag-subscribe sa aming mga feed upang manatili hanggang sa petsa!

Bago! Sundin amin sa gusto mo!


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

Ads

Ad: Bluehost hosting

Ang file na ito ay angkop para sa banner homepage, slideshow, viewer produkto, Gallery kahit na maaari mong gamitin bilang isang panimula. Lahat ng mga animation ay napapasadyang kaya angkop para sa anumang uri ng mga banner. Maaari mong gamitin ang anumang bilang ng mga layer sa bawat slider. Pwede mong iposisyon at spacing ng bawat layer madali gamit ang mga katangian ng data. Sa pag-download ng file, limang default sample ay magagamit sa hiwalay na html file.

Ito ay gumagana ng maayos sa lahat ng browser kabilang ipad, iOS at Android Device

Halos lahat ng mga pagpipilian ay magagamit upang i-customize ang slider na ito nang walang pag-edit ang source code

Pindutin kakayahan screen para sa parehong mga desktop at Touch screen aparato

Gamitin ang anumang mga uri ng nilalaman div maaaring ito ay ang maramihang mga div, imahe (kabilang ang format transparent image), video, youtube at swf (flash file)

Natatanging Katangian:

  • Madaling i-align, spacing at direksyon animation para sa bawat larawan at Text
  • Pagpipilian upang pumili ng anumang uri ng direksyon in / out animation
  • Pagpipilian upang itakda animation darating distance
  • Background pattern paglipat animation
  • Pagpipilian upang itakda in / out time para sa bawat div
  • Pagpipilian upang itakda slideshow oras ng antala para sa bawat slide
  • Paganahin / Huwag paganahin ang desktop Drag
  • Suportahan unlimited imahe at Text sa bawat slide


May mga tuldok na Pindutan:
  • Tatlong iba't ibang mga uri ng mga guhit na may button na may pindutang Susunod at Nakaraan disenyo ay magagamit
  • Iposisyon ang navigation sa anumang kung saan gamit align at Spacing option
  • Ipakita / Itago ang mga tuldok, pindutang Susunod at Nakaraan
  • Paganahin / Huwag paganahin ang auto navigation itago

Thumbnail:

  • Pagpipilian upang ipakita ang mga thumbnail sa susunod na at nakaraang mga pindutan
  • Maaaring madaling baguhin ang lapad ng thumbnail at taas gamit ang css
  • Kulay Thumbnail border, laki ng hangganan, ang thumbnail upang space ng thumbnail ay kontrol sa pamamagitan ng css file
  • Thumbnail ay awtomatikong fit sa lapad banner. Maaari mo ring baguhin ang view area thumbnail
  • Mouse Thumbnail tapat ng larawan tint o kontrol sa pamamagitan ng css file, maaari mo ring gamitin ang kulay sa halip ng imahe
  • Iposisyon ang thumbnail kahit saan gamit ang align at Spacing opsyon
  • Maaari mong ipakita ang parehong may mga tuldok na mga pindutan at mga thumbnail


Iba pang Mga Tampok:
  • Pause Slideshow kapag pinindot ng user ang banner sa kabilang banda ito ay patuloy na i-play
  • Limang iba't ibang mga uri ng mga halimbawa ay magagamit
  • Suportahan ang lahat ng mga browser
  • Cufon support font
  • Maaari mong i-animate ang anumang bagay na inilagay mo sa loob ng div

Tingnan ang demo sa iyong mobile

Sa code plug-in maaari mong ipasadya ang slideshow gamit ibaba variable

 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: totoo, button_next_align: "RC", button_next_spacing: "20,0", button_previous_align: "LC", button_previous_spacing: "20,0", dotButtons: false, button_next_previous: false, 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" }); }); 


Sample slideshow code
 <! - Slide 1 -> <div> <data-align img = "BL" data-spacing = "0,50" data-inoutdirection = "BB" data-inoutdistance = "50" data-starttime = "0" data-staytime = "5" data-animationspeed = "700" data-easein = "easeOutQuart" data-easeout = "easeOutSine" class = "imgSty" src = "images / image2.png" alt = "fmslideshow" /> <data-align div = "TR" data-spacing = "70,0" data-inoutdirection = "RL" data-starttime = ". 5" data-staytime = "6" data-animationspeed = "400" data-easein = "easeInQuart" data-easeout = "easeOutSine" class = "divStyle"> <span class = "txtLarge"> I-customize ang Animation </ span> </ div> <div-align data = "TR" data-spacing = "20,0" data-inoutdirection = "LR" class = "divStyle" data-inoutdistance = "60"> <span class = "txtMedium"> In / Out Direksyon - Linya - Spacing </ span> </ div> </ div> 
Kumpleto na dokumento ng tulong ay kasama sa pag-download ng file

I-update sa 2013/10/06: Minor bug naayos

Update sa 23-11-2012: IE10 bug naayos









Kung mayroon kang anumang mga katanungan tungkol sa ang file na ito makipag-ugnay sa akin sa pamamagitan ng aking pahina ng profile.

Tingnan ang iba na file:

















Tingnan ang aking mga file ng Flash:

accordion-horizontal-vertical-image-text-animation







carousel-3-uri-image-product-viewer

accordion-horizontal-vertical-image-text-animation


I-download
Iba pang mga bahagi sa kategoryang itoAng lahat ng mga bahagi ng may-akdang ito
Mga komentoMga madalas itanong at sagot

Properties

Nilikha:
Oktubre 10 11

Huling Update:
11 Hunyo 13

Katugmang Browser:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Kasamang File:
JavaScript JS, HTML, CSS, Layered PSD

Bersyon ng Software:
jQuery

Keyword

eCommerce, eCommerce, Lahat ng bagay, banner ads, banner rotator, slider ng imahe, Layer animation, viewer produkto, resizable, simple slide transition, slideshow