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

Before-After Slider&Banner jQuery Plugin

— 添加到WorldWideScripts.net

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

新!跟隨我們,你想要它


Before-After Slider&Banner jQuery Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

更新V1.2 - 16.02.2012

  • 自動定時功能已被添加。

更新V1.1 - 2011年12月18日

  • 優化了IE8的功能
  • 新選項:的MousePointer Autofollow開/關

它是什麼?

前,後 ,您可以在彼此的頂部放置兩個圖像,並使用一個可拖動滑塊來隱藏和顯示每個圖像。 這是通過突出一側的前/後的改造或非接觸/ Photoshop處理圖像端特別有用。

我們建立了一個滑塊圍繞這一功能,建設集前後的照片一個獨特的展示。 給每個滑塊的說明,並設置滑塊的起點運輸您的消息。

它是難以實施?

沒有! 這是實現一個jQuery插件的典型方式。 你只需要知道一點HTML和Javascript。 把JS和CSS鏈接在你的HTML網站的負責人,並建立類似這樣的項目的無序列表:

 <LI> <IMG SRC =“圖像/ beforeafter / 2before.jpg”ALT =“圖像/ beforeafter / 2after.jpg”> <DIV ID =“textbox_1”> <DIV ID =“標誌”級=“faderight”> <IMG SRC =“圖像/ yourlogo.png”ALT =“”> </ DIV> <DIV ID =“標題”級=“fadeup”> 我的甜美女孩 </ DIV> <DIV ID =“說明”類=“fadeup”> 說明存有悲坐阿梅德,pericula sapentim EI普通法。 Pupolo patrioque elaboraret烏蘇等。 雙核numquam assentior等。 </ DIV> </ DIV> </ li> 





有什麼特點?

  • 添加文本,圖像的無限量的,和動畫。
  • 之後或層之前將文本,圖像的Z位置,以顯示他們兩個層上,或只。 混合使用它們,如你所願。
  • 自動縮略圖創建。 著色,位置,陰影,所有這些功能可以很容易地通過CSS文件中設置。
  • jQuery的衝突免費插件。
  • 實例演示包括在內。
  • 容易實現。
  • 影像尺寸。
  • 特別寬鬆。

謝謝你的時間!


我們的WordPress的主題










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

屬性

創建:
11年9月13日

最後更新:
N / A

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

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

軟件版本:
jQuery的

關鍵字

電子商務, 電子商務, 所有項目, 後, 之前, 前, 後, 創作的, 演示, 簡單, 畫廊, 圖片, jQuery的, 照片, 潤飾, 櫥窗, 滑塊, 幻燈片