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へ

@ja1wws日付まで滞在するために私達のフィードを購読する!

新しい!あなたがそれを望むように私たちに従ってください!


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

Ads

Ad: Bluehost hosting

アップデートV1.2 - 2012年2月16日

  • オートタイマー機能が追加されました。

アップデートV1.1 - 2011年12月18日

  • IE8の機能を最適化
  • 新しいオプション:マウスポインターAutofollowオン/オフ

それは何ですか?

before-afterがあなたが互いの上に2つの画像を配置し、非表示にし、それぞれの画像を明らかにするためにドラッグ可能なスライダを使用することができます。 これは、側の前/後模様替えやフォトショップ/手つかずの画像側を強調するために特に有用です。

我々は、前と後の写真のセットのユニークなショーケースを構築するために、この機能の周りのスライダーを構築します。 各スライダの説明を与え、あなたのメッセージを輸送するためにスライダーの始点を設定します。

それが実現するのは難しいですか?

まさか! これは、jQueryのプラグインを実装する一般的な方法です。 あなたはほんの少しのHTMLとJavascriptを知っておく必要があります。 あなたのHTMLサイトの頭の中でJSとCSSのリンクを入れて、このような項目のソートされていないリストを作成:

 <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 IUS、AMET座ります。 Pupolo patrioque elaboraret有珠山ら。 デュオヌンクアムassentiorら。 </ DIV> </ DIV> </ LI> 





特長は何ですか?

  • テキスト、画像の無制限の量を追加し、それらをアニメーション化します。
  • 後、または層の前だけで両方の層の上にそれらを表示するテキスト、画像のZ位置を設定、または。 あなたが望むようにそれらを混ぜます。
  • 自動サムネイル作成。 ぬりえ、位置は、影、これらすべての機能を簡単にCSSファイルを介して設定することができます。
  • jQueryの競合無料プラグイン。
  • 例のデモが含まれています。
  • 実装が容易。
  • 任意の画像サイズ。
  • 特別イージング。

お時間をいただき、ありがとうございます!


私たちのWordpressのテーマ










ダウンロードしてください
このカテゴリー内の他のコンポーネントこの著者のすべてのコンポーネント
コメントよくある質問と回答を求めた

プロパティ

作成した:
13年9月11日

最後の更新:
N / A

互換性のあるブラウザ:
IE7、IE8、IE9、Firefoxの、サファリ、オペラ、クローム

含まれるファイル:
JavaScriptのJS、HTML、CSS

ソフトウェアバージョン:
jQueryの

キーワード

eコマース, eコマース, 全商品, 後の, 前, ビフォアーアフター, クリエイティブ, デモ, 簡単に, ギャラリー, 画像, jqueryの, 写真, レタッチ, ショーケース, スライダー, スライドショー