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

Smooth Zoom Pan - jQuery Image Viewer

— アドオンWorldWideScripts.netへ

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

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


Smooth Zoom Pan - jQuery Image Viewer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

これは、カスタムの小領域内の製品の写真、地図、任意の画像を表示するために用意したJavaScript / CSSベースの画像ビューアです。 単純なコピー/貼り付けの手順でWebページで構成し、実施することができます。 すべての主要なタッチ対応デバイスやプラットフォームのiOS、AndroidとWindowsの8をサポートします。

30以上のカスタマイズ可能なパラメータ、まだ標準バージョンは、2値で簡単に操作できます。

 $( '#のyourImageID')。smoothZoom({ 幅:<幅を入力してください>、 高さ:<身長を入力してください> }); 

オプション:

  • 初期のズームレベル
  • 初期位置
  • 最大ズームレベル
  • 最小ズームレベル

  • アニメーションの滑らかさ
  • ズーム用のアニメーションのスピード
  • パン用のアニメーションのスピード
  • フィットや画像を塗りつぶし
  • /無効パンボタンを有効にします
  • /無効にパンの制限を有効にします
  • 調整可能なボタンのサイズ、色、透明度、アライメントとマージン
  • ボタンの自動非表示と遅延時間

  • マウスのドラッグ/タッチドラッグ
  • マウスホイールのズーム制御
  • マウスホイールでのマウスカーソルの位置ズーム
  • マウスをダブルクリックしてズーム

  • 境界線のサイズ、色、透明度
  • フルブラウザサイズオプション
  • (ウィンドウのサイズ変更のための)最大の幅と高さ


UPDATEのV1.7:[2014年5月30日]
  • Windowsの8電話/タブレット、IE10 +サポートが追加されました
  • 今、一貫性のあるタッチをサポートし、互換性のためにポインタイベントと連携


  • UPDATEのV1.6.9:[2013年3月18日]
  • jQueryのバージョン1.9.1のサポートが追加しました
  • PrettyPhotoバージョン3.1.5のサポートが追加しました
  • IE6のサポートは完全にドロップされました


  • UPDATEのV1.6:[2012年6月10日]
  • 調整可能な設定で追加された応答&流体レイアウトサポート
  • 新しい方法は、表示領域のサイズを変更するには、開始後の任意の時間を追加しました
  • ランドマーク(以下IE8&除き)ズームのサイズを変更することができます
  • カスタムアラインメント - リセットボタンをクリックする上では、指定された方法で画像を位置合わせします
  • パン方向は設定によって反転させることができます
  • ズームとパンのための別々の速度設定
  • いくつかのマイナーな大きな修正とさらにいくつかのマイナーなオプションが追加されました。


  • UPDATEのV1.5:[2012年3月18日]
  • シングルステップズーム - 可能なワンクリックで最大および最小のズームレベルに到達します
  • フレンドリーなボタンのサイズをタッチ - タッチデバイス用の異なるボタンのサイズを設定するオプション
  • 2新しいコールバックを追加します
    - (各アニメーションフレームに)スケール/位置値が更新されるたびにトリガ
    - いつでもランドマークの可視性の変更をトリガー
  • 固定iOSのバグ - のiPad、iPhone、iPodのランドマークの位置に関する問題が修正
  • Chromeのバグ固定 - 固定グーグルクローム上のランダムな黒の境界線の外観


  • UPDATEのV1.4:[2012年3月4日]
  • ダイナミックなランドマーク - 可能性は、実行時に/リフレッシュランドマークを追加/削除します。
  • focusTo方法は、カスタム速度パラメータで改善します。
  • 次の2回のカスタムコールバック関数を設定することが可能:
    - 画像の読み込みに。
    - 毎回ズーム/パン操作は、(リターンは/位置データをスケーリング)が完了します。


  • UPDATEのV1.3:[2012年2月12日]
  • ランドマーク/ Lables /場所ピンのサポートが追加されました。 (プレビュー#5)
  • サムネイルギャラリーの例では、追加されました。 (プレビュー#6)
  • ライトボックスギャラリーの例では、追加されました。 (プレビュー#7)
  • ズームサポートは、タッチデバイスのナビゲーションのために追加のピンチ
  • 固定ドラッグすることはできないのFireFoxの10+バグ
  • より良い性能を満たすために改良されたコーディング


  • UPDATEのV1.2:[2011年11月2日]
  • 追加のメソッドは、現在の位置とズーム値を取得するために追加された(試料#4)
    このデータは、次の機会に役立つであろう。
    1.切り抜きツールを作成するには
    まったく同じレベルと位置でページを現在のズームデータを保存し、再オープンするには2
  • 今すぐフルスクリーンオフセット値はパーセンテージの幅&高さの両方を設定することができます


  • UPDATEのV1.1:[2011年10月20日]
  • (独自のボタンを使用して)プラグインの外からすべてのボタンの動作を制御する機能が追加されました
  • (上記の目的のために)すべてのボタンを削除するオプションを追加
  • ソースファイルは、容易にカスタマイズを開始するために4例のバリエーションが含まれています
  • パフォーマンス:

    滑らかさは、ブラウザの機能に応じて変化します。 古いブラウザ上で視認性を管理しながら、プラグインは最新のブラウザ上で利用可能な最善のオプションを利用します。


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

    プロパティ

    作成した:
    9月9日11

    最後の更新:
    5 9月15日

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

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

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

    キーワード

    eコマース, eコマース, 全商品, アンドロイド, 作物, 流体, 画像, イオス, アプリ, jqueryの, ランドマーク, 地図ビューア, パン, リサイズ, レスポンシブ, 規模, タッチ, ズーム