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

ImageZoom - Responsive jQuery Image Zoom Plugin

— アドオンWorldWideScripts.netへ

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

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


ImageZoom - Responsive jQuery Image Zoom Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

概要

ImageZoom画像ズーム効果のためのjQueryのプラグインです。 インナーモード、標準モードとモードは、次のとおりです。なお、画像ズーム効果のTHRIDモードを備えています。 それは、使いやすく、あなただけの単一の画像を使用したり、大きな画像を設定することができます。 あなたは大きな画像を設定すると、あなたはそれが(大きな画像の幅/高さを取得するために魔女用画像ロードイベント)ズームビューを表示するために、他のより4〜10高速です参照見る。 あなたはそれを見るために、ライブデモページでimgfastデモを試すことができます。 そしてImageZoomはカルーセルで使用できるようになりました。 これは、オプションやメソッドの魔女だけで必要なものを作ってみましょうをたくさん持っている。 楽しめ :)

特徴

  • 応答! あなたが応答レイアウトでそれを使用することができます。
  • 三つのズームモードがあります。 インナーズーム、標準ズーム、ズームに従ってください
  • 速いimageloadイベントよりも4倍、10倍の大幅/高さを取得します。
  • 大きな画像がロードされたときに、ズームビューのサイズ変更された親指の画像を使用してください。
  • スムーズな動き。 ズームビューがスムーズに移動。
  • CSSおよびオプションでカスタマイズ可能。
  • 柔軟なオプション。
  • 多くの方法でズームオブジェクトを制御することが容易。
  • プリロードイメージのためかどうかのオプション。
  • elastislide準備とImageZoom。(カスタムスキンを含む)にも反応する。
  • クロスブラウザ
  • 開始と終了ズームのイベントのコールバック。
  • カスタムスタイルに簡単に。
  • 多くのデモとdocumentionが含まれています。

オプション

  • タイプ:画像ズームモード(インナー、標準、従う) デフォルト:インナー
  • bigImageSrc:親指画像上の発着信画像ズームとは、このオプションを設定する大きな画像を拡大したい場合は、 デフォルト:NULL
  • smoothMove:zoomviewerの画像がスムーズに移動されます。 (真/偽) デフォルト:true
  • プリロード:ImageZoom、大きな画像をプリロードするかデフォルト:true
  • zoomSize:ZoomViewサイズ標準モードとモードに従っデフォルト:[100100]
  • オフセット:。[10.0]:標準モード用zoomviewerのオフセットデフォルトを設定する
  • ポジション:セットzoomviewerを表示する/右を左デフォルト:右
  • alignTo:。(標準モード)に合わせますzoomviewerのIDを設定しますデフォルト:ヌル(riginal画像alignTo)
  • descriptionClass:coustom記述のCSSクラスデフォルト:ヌル
  • showDescription:zoomimage自動画像記述をショーですデフォルト:true
  • zoomViewerClass:追従モードと標準モード用のズームビューアのcoustomクラスデフォルト:ヌル
  • zoomHandlerClass:標準モード用のズームハンドラ領域のcoustomクラスデフォルト:NULL文字列
  • でonShow:イベントズーム始めるデフォルト:ヌル
  • onHide:イベントズーム終了デフォルト:NULL

ImageZoomオブジェクト

  • OBJ。$ビューア(jQueryの要素オブジェクト)大きな画像を表示するビュー領域。
  • OBJ。$ handlerArea(jQueryの要素オブジェクト)を使用し、標準モード親指画像上ハンドラビューショー。
  • OBJ。$ EL(jQueryの要素オブジェクト)あなたがそれにImageZoomを求めているイメージ。
  • OBJ。$ largeImg(jQueryの要素オブジェクト)のズームビューアに表示大きな画像。

メソッド

  • ()を破壊:imagezoomを破壊する。
  • changeImage(文字列、文字列):imgタグオリジナル画像srcと大きな画像を変更します。
  • changeZoomSize(数字、数字):ZoomViewerサイズ(幅、高さ)を変更します。

他の画像エフェクトプラグイン

HoverEx - jQueryの画像ホバーアニメーションプラグイン

簡単にブラウザが古いフレンドリーズームプラグインとスライダープラグインをカスタマイズすることができる応答テンプレートオーバーアニメーションオーバーHoverEx

Picanim - jQueryの画像ホバー効果pulgin

Plicanimユニークなホバー効果だけで3キロバイトの後gzipedクロスブラウザさえ、IE6マウスアウトのrrse効果のboxRandorn boxDiagionalを折るようなぼかし透明faddnスライスを含む

Zoome - jQueryの画像ズーム効果プラグイン

ホバーr.grayscaル、ホイール柔軟なオプションI3j Llikeyjunとのクロスブラウザ制御ズームとZoomeズーム フラグカウンタ

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

プロパティ

最終更新日:
29 8月13日

高分解能:
YES

推奨ブラウザ:
IE7、IE8、IE9、IE10は、Firefox、Safariは、オペラ、クローム、ファイルが含ま

キーワード

eコマース, すべてのアイテム, アニメーション化, カルーセル, E, fuild, galleryw, 画像, レンズ, 拡大鏡, previenlarge, 応答, スケール, スライド, 滑らかで, ズーム, ズーマー