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 Responsive OneByOne Slider Plugin

— 添加到WorldWideScripts.net

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

新!跟隨我們,你想要它


jQuery Responsive OneByOne Slider Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

該OneByOne滑塊一個輕量級的反應靈敏和分層的 jQuery插件,你可以使用一個用於顯示圖像和文字之一。 該CSS3動畫是通過驅動Animate.css。 伊達€™的移動友好 ,支持擦左/右像iPhone和iPad的觸摸設備上。 你可以拖放你的鼠標來瀏覽了。 最新更新添加一個額外的例子,這使得Twitter的引導傳送帶支持逐個動畫。

遵循 RSS

現在伊塔€™的在WordPress的可(點擊下面的圖片)

WordPress插件

更改日誌(請重新下載,如果你之前購買它)

(更新2013年5月15號)
  • 更新 jQuery 1.9.1,並使用Modernizr的檢測CSS3過渡的支持。 你可以重新下載的源碼包,如果想使用它的jQuery 1.9.1。
(更新2012年11月14日)
  • 集成自舉旋轉木馬 。 現在,您可以使用它在你最喜歡的框架。
  • 添加autoHideButton選項,設置為false,使箭頭始終可見。
  • 更新的幫助文檔。
(更新2012年9月14日)
  • 添加響應的例子。
  • 添加在IE9-漸變過渡,它doesn’噸支持CSS3過渡。
  • 現在,您可以自定義每個slide’的動畫 ,甚至是每一個在slide’的動畫元素。
  • 添加懸停暫停播放幻燈片的選擇。
  • 增加了一個€~fadeInLeftBig’,â€~fadeInRightBig’,â€~fadeInUpBig’,â€~fadeInDownBig’,â€~flipInX’,â€~flipInY’,â€~lightSpeed​​In’動畫。
  • 修正錯誤:鏈接德卡尼亞€™噸iOS的點擊。
  • 更新到jQuery的1.8.1。

購買擴展的許可證?

我很感激​​,如果你可以把這個意達€™的在你的意達€™的原文鏈接。 請提供您的主題JS文件只minified的版本,和一個擴展許可證只能使用一個主題。

產品特點:

  • CSS3驅動的動畫, 硬件加速 CSS3過渡為支持現代瀏覽器。
  • 及時的支持,例如包括在內。
  • 移動友好的,你可以在觸摸設備上使用它。
  • 伊達€™的輕量化,壓縮JavaScript是只有4KB。
  • 可選自動延時幻燈片,可選配繩拉暫停播放幻燈片。
  • 每張幻燈片或element’的動畫可定制。
  • 鼠標拖拽選項功能。
  • 可選的動畫風格,可以是隨機的或任何其他類型。
  • 可選的箭頭和按鈕。
  • 常見問題包括源的軟件包中。
  • 免費更新,可以下載以後的更新是免費的。

關於CSS3過渡

注:CSS3過渡僅適用於現代的瀏覽器如Firefox,薩法爾和Chrome。 它doesn’噸在IE7中,8和9的工作,似乎IE 10將支持它。

對於jQuery的1.8.0用戶

它似乎還有使用jQuery 1.8.0的一個bug,請下載未壓縮版本的jQuery和註釋行4521,那麼這個插件將正常工作。
 //拋出新的錯誤(“語法錯誤,無法識別的表情:”+味精); 

可用插件設置

 //包裝器的名字 產品類別:'oneByOne“, //每個滑塊的包裝div的類名 sliderClassName:“oneByOne_item”, //暫停自動延時幻燈片時,用戶懸停 pauseByHover:真正的, //全球放心動畫風格, //取如果你沒有在元素預先定義它的效果 easeType:“fadeInLeft”, //寬度的滑塊的 寬度:960, //滑塊的高度 高度:420, //觸摸/拖動補間的延遲 延遲:300, //觸摸/拖曳的寬容 公差:0.25, //啟用或禁用鼠標拖動功能 enableDrag:真正的, //顯示上一個/下一個箭頭或不 showArrow:真正的, //自動隱藏,當用戶離開滑塊或沒有箭頭 autoHideButton:真正的, //顯示圓形按鈕或不 showButton:真正的, //自動播放滑塊或不 幻燈片:假的, //該slidershow的延遲毫秒 slideShowDelay:3000, //設置響應為true,當你改變 //滑塊的大小與CSS媒體查詢 回應:真 //當滑塊比小了minWidth, //文本都被隱藏在響應 了minWidth:480 

可用easeType

â€~fadeIn’,â€~fadeInUp’,â€~fadeInDown’,â€~fadeInLeft’,â€~fadeInRight’,â€~fadeInRight’,â€~bounceIn’,â €~bounceInDown’,â€~bounceInUp’,â€~bounceInLeft’,â€~bounceInRight’,â€~rotateIn’,â€~rotateInDownLeft’,â€~rotateInDownRight’,†~rotateInUpLeft’,â€~rotateInUpRight’,â€~fadeInLeftBig’,â€~fadeInRightBig’,â€~fadeInUpBig’,â€~fadeInDownBig’,â€~flipInX’,â€〜 flipInY’,â€~lightSpeed​​In’或€~random’

信用

Animate.css距離 丹伊甸園
在自舉示例的背景圖像是從 photos8。

為您推薦

XML圖像/視頻電網館:
電網館
在AS3的Flash Fotography模板:
攝影

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

屬性

創建:
11年10月24日

最後更新:
13年8月17日

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

包括的文件:
JS的JavaScript,HTML,CSS

軟件版本:
jQuery的

關鍵字

電子商務, 電子商務, 所有項目, 動漫, 自動延時, 旗幟肩, CSS3, 拖動, IOS, jQuery的, 移動, 一個接一個, 響應, 肩, 滑塊, 幻燈片, 觸摸, 擦拭