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 / Images and Media

Etalage

— アドオンWorldWideScripts.netへ

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

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


Etalage - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

ページを離れることなく、最高の詳細にあなたのイメージを提示するのjQuery画像ズームプラグインを使用する準備ができて。

単純にJavaScriptとCSSファイルにリンクし、他のjQueryのプラグインのようなあなたのHTML要素に適用します。 あなたのスタイルと目的に合わせて、設定とCSSをカスタマイズします。 完全なドキュメントとサンプルが含まれています。

確認してくださいよくある質問を購入する前に。

特徴:

  • CSSやプラグインオプションでカスタマイズ可能
  • あなたのイメージの寸法とCSSに基づいて、すべての要素の正確な位置決め
  • 小さなサムネイルが自動的に生成されたサイズおよび配置されています
  • 低解像度のプレビュー(拡大縮小)(IEを除く)ズーム画像のダウンロード中
  • ズーム画像の動きのオプション緩和
  • オプションの自動再生
  • オプション説明/キャプション
  • 画像の数は無制限
  • 合わせEtalageは反対側のズーム領域で、左/右
  • 小さなサムネイルは下または左/右に配置することができます(垂直方向)
  • ページごとの複数のインスタンス可能
  • 右から左に言語サポート
  • 前/次/特定の画像のためのオプションの外部コントロール
  • 高度:カスタマイズコールバック関数
  • すべての一般的なブラウザで動作(とIE6)
  • ドキュメントとコメントしたソースファイルが含まれています
  • 「絶対的な基礎」とあなたが始めるために6以上のサンプルファイルが含まれています

バージョン1.3.4(2013年6月)の新

  • 新しいプラグインオプション:show_begin_end_smallthumb(バックエンドまたは先頭に移動開始時と終了時に余分なサムネイルを表示するかどうか)
  • Fancybox例のページには、そのプラグインのバージョン2+をサポートするように更新します。
  • マイナーパフォーマンスの向上

バージョン1.3.3の新(2013年2月)

  • オプション」smallthumbs_position」は今もトップに設定することができます
  • オプション」show_hint」は、デフォルトではfalseになりました
  • 通常ズームインブラウザに起因する不要な包装小さな親指の行を追加修正
  • 右揃え小親指がFirefoxでスクロールしなかったときのバグが修正されました
  • 新しい例のページ:小親指の上/左/右揃えのサンプルで「整列」
  • 新しい例のページ:「外部コントロール」の他の要素からEtalageアクションを発射する方法を実証します
  • マイナーパフォーマンスの向上

バージョン1.3.2の新(2012年9月4日)

  • jQueryの1.8+のために最適化された(非推奨「ホバー」イベント、「ロード」イベント非推奨$.browser方法を、非推奨)
  • .etalage()はjQueryオブジェクトを返すので、あなたが連鎖続けることができます
    例:
     。。$( '#のetalage')etalage()どんな(); 
  • Twitterのブートストラップのサポートを追加しました(それはEtalage CSSで台無し)
  • プラグインのオプションに移動し、コールバック関数はオブジェクトです。 古い方法はまだかかわらず動作します。 例:

     $( '#のetalage')。etalage({ click_callback(){アラート( 'OMG'); }、 change_callback(){アラート( 'は移動'); } }); 

バージョン1.3.1の新(2012/06/05)

  • バグ修正:クラスで複数のインスタンスを初期化し、ズーム領域のサイズが異なっていました。
  • 右から左に記述する言語のサポートが追加されました。
  • 右から左に例を追加しました。
  • Etalageのズーム領域の例を使用せずにFancyboxを追加しました。
  • 重複したセットアップ例を追加しました。
  • わずかなパフォーマンスの向上。

バージョン1.3(2012年3月6日)の新機能:

  • バグ修正:画像へのリンクを追加すると、正しく動作するようになりました
  • バグ修正:単一のイメージを使用している場合、ローディング画像は時々示し続けるだろう
  • 新しいプラグインオプション:smallthumb_select_on_hoverは(それらをクリックするのではなく、それらをホバリング時に小さなサムネイルをスクロール)
  • 新しいプラグインオプション:zoom_element(ズーム領域として独自の要素を供給する能力)
  • 新しいプラグインオプション:zoom_area_distance(CSSの設定以前にありました)
  • 新しいプラグインオプション:hint_offset(CSSの設定以前にありました)
  • 新しいプラグインオプション:icon_offset(CSSの設定以前にありました)
  • 新しいコールバック関数:etalage_change_callback(image_number、のinstance_id)、image_numberが新しいアクティブなイメージです
  • FancyboxでEtalageを使用する例を追加しました
  • コー​​ルバック関数の使用例を追加しました
  • カスタムズーム領域要素を使用する例を追加しました
  • マイナーパフォーマンスの向上と廃止予定jQueryの機能の除去

バージョン1.21(2011年9月4日)の新機能:

  • 範囲外は小さなサムネイルがありませんでした外部コントロールとバグを修正

バージョン1.2(2011年7月23日)の新機能:

  • さらに正確なズーム画像の位置。
  • 上部に配置されたときの説明ボックスが引き伸ばされることになるところバグを修正。
  • (ライトボックスまたはあなたがクリックで起こるしたいもののために良い)コールバック関数をクリックします。
  • プラグインオプション "click_to_zoom」を追加しました。 有効にすると、大きなサムネイルをクリックするとズーム(の代わりにそれをホバリング)を開始します。 これは、クリックコールバック関数と一緒に行きません。
  • Addedプラグインオプション」smallthumbs_position」。 小さなサムネイルは今や大きなサムネイル(垂直方向)の左側または右側に配置することができます。
  • 「ALIGN」プラグインオプションが追加されました。 Etalageコンテナは現在、左のズーム領域で、右に整列させることができます。
  • 次/前のスイッチング/特定の画像番号にのための外部関数。

注:以前のバージョンからアップグレードする場合も、(少なくとも、下部の「機能」セクションをコピーし、個人的なスタイリングのセクションは同じまま)このアップデートに新しいCSSを使用する必要があります。

バージョン1.1(2011年4月24日)の新機能:

  • ズーム画像をオーバーレイオプションの説明領域が追加されました。 元画像のタイトル属性を使用して説明テキストを渡します。
    <img class="etalage_source_image" src="" title="Put description here." />
  • キーボードのサポート(オプション)(左/右矢印キーは、前/次の画像に移動します)。
  • zoom_easingプラグインオプションのバグが修正されました。
  • 様々なわずかな改善

以前のバージョンからアップデートするには、 「機能性」の部分を交換し、新しいCSSから「説明エリア」セクションを追加します。

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

プロパティ

作成:
3月26日11

最終更新:
6月24日13

推奨ブラウザ:
IE6、IE7、IE8、IE9、IE10、IE11は、Firefox、Safariの、オペラ、クロム、エッジ

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

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

キーワード

eコマース, eコマース, 全商品, ブティック, 回転木馬, コマース, 詳細, ファッション, ギャラリー, 画像, アイテム, プレビュー, 製品, ショップ, スライダー, 店, サムネイル, ズーム