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

— 添加到WorldWideScripts.net

訂閱我們的飼料,以保持最新

新!跟隨我們,你想要它


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

Ads

Ad: Bluehost hosting

該文件適用於網頁橫幅,幻燈片,產品的觀眾,畫廊即使可以作為一個前奏使用。 所有的動畫是定制的,因此適用於任何類型的橫幅。 您可以使用任意數量的層上的每個滑塊。 您可以定位和間距每層輕鬆地使用數據屬性。 在下載文件中,五個默認樣本是在單獨的HTML文件中。

它在所有瀏覽器中正常工作,包括iPad的iOS和Android設備

幾乎所有的選項都可以自定義該滑塊而無需編輯源代碼

觸摸屏功能的台式機和觸摸屏設備

使用任何類型的股利內容也可能是多個分區,圖像(包括透明圖像格式),視頻,YouTube和SWF(Flash文件)

獨特的功能:

  • 易調整,間距和動畫方向為每個圖像和文本
  • 選項可以選擇任何類型的輸入/輸出動畫方向
  • 選項可以設置動畫的到來距離
  • 背景圖案動動畫
  • 選項中設置的輸入/輸出時間為每個格
  • 選項設置幻燈片播放的延遲時間為每張幻燈片
  • 啟用/禁用桌面上拖動
  • 支持無限的圖像和文字每張幻燈片上


圓點按鈕:
  • 提供了三種不同類型的點綴按鈕,下一個和上一個按鈕設計
  • 放置在任何地方使用對齊和間距選項導航
  • 顯示/隱藏點綴,下一個和上一個按鈕
  • 啟用/禁用導航自動隱藏

縮略圖:

  • 選項顯示縮略圖下一個和上一個按鈕
  • 可以很容易地改變使用CSS縮略圖的寬度和高度
  • 縮略圖邊框顏色,邊框大小,縮略圖以縮略圖的空間是通過CSS文件控制
  • 縮略圖自動適合橫幅寬度。 您也可以更改縮略圖視圖區域
  • 縮略圖鼠標色調圖像或控制通過css文件,還可以使用圖像的色彩,而不是
  • 放置在任何地方使用對齊和間距選項縮略圖
  • 您可以同時顯示點按鈕和縮略圖


其他特性:
  • 幻燈片播放暫停,當用戶打橫幅否則繼續打
  • 五種不同類型的樣品提供
  • 支持所有的瀏覽器
  • 的Cufón字體支持
  • 您可以動畫任何東西,你將DIV中

您的手機上觀看演示

在插件代碼,你可以使用下面的變量定義幻燈片

 jQuery的(功能($){ $('#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:假的, background_mo​​ve:假的, background_mo​​veDistance:1250年, buttons_type:0, buttons_autoHide:假的, buttons_align:“BC”, buttons_spacing:“15.0”, button_nextPrevious_type:0, button_nextPrevious_autoHide:真正的, button_next_align:“RC”, button_next_spacing:“20,0” button_previous_align:“LC”, button_previous_spacing:“20,0” dotButtons:假的, button_next_previous:假的, thumbnails_align:“BC”, thumbnails_spacing:“-75,0” thumb_next_preious_width:38, 幻燈片:假的, slideShow_delayTime:2, desktop_drag:真 default_data_align:“LC”, default_data_spacing:“70,0” default_data_inOutDirection:“LR” default_data_inOutDistance:“60” }); }); 


示例幻燈片代碼
 <! - 幻燈片1 - > <DIV> <IMG數據對齊=“BL”數據間隔=“0,50”數據inoutdirection =“BB”的數據inoutdistance =“50”數據開始時間=“0”的數據staytime =“10”數據animationspeed = “700”的數據easein =“easeOutQuart”數據easeout =“easeOutSine”級=“imgSty”SRC =“圖像/ image2.png”ALT =“fmslideshow”/> <DIV數據對齊=“TR”數據間隔=“70,0”數據inoutdirection =“RL”數據開始時間=“5”數據staytime =“6”的數據animationspeed =“400”數據easein =“easeInQuart”數據easeout =“easeOutSine”級=“divStyle”> 的<span class =“txtLarge”>自定義動畫</ SPAN> </ DIV> <DIV數據-ALIGN =“TR”數據間距=“20,0”數據inoutdirection =“LR”級=“divStyle”數據inoutdistance =“60”> 的<span class =“txtMedium”>輸入/輸出方向 - 對準 - 間距</ SPAN> </ DIV> </ DIV> 
完整的幫助文件包含在下載文件

更新的2013年10月6日:小錯誤修復

更新23-11-2012:IE10錯誤修復









如果您對本文件有任何疑問,通過我聯繫我的個人資料頁

看看我的其他文件:

















看看我的Flash文件:

手風琴式橫向縱向-圖像文本的動畫







轉盤 - 3種圖像產品,瀏覽器

手風琴式橫向縱向-圖像文本的動畫


下載
此類別中的其他組成部分這個作者的所有組件
評論常見問題和答案

屬性

創建:
11年10月10日

最後更新:
13年6月11日

兼容的瀏覽器:
IE6,IE7,IE8,IE9,火狐,Safari,歌劇,鉻

包括的文件:
JS的JavaScript,HTML,CSS,分層PSD

軟件版本:
jQuery的

關鍵字

電子商務, 電子商務, 所有項目, 橫幅廣告, 旗幟肩, 圖像滑塊, 層動畫, 產品瀏覽器, 可調整大小, 簡單的幻燈片切換, 幻燈片