問題タブ [jqzoom]

私はjqzoomをすべてセットアップしており、いくつかのことを除いてすべてがうまく機能します.1つは、jqzoomにフライアウト画像を元の画像の右側に配置するように指示しても、iPadでは画像を左側に配置します。

なぜこれを行うのかを知るのに十分なほどjqzoomの仕組みを知っている人はいますか? jqzoom が [left:] を設定しているように見えますが、フライアウトが右側にある場合は [left:] の値をそれに応じて調整しているようです (たとえば、マイナス方向に)。だったらif/elseだけでいいんじゃないの？

これは私がjqzoomをセットアップする方法です:

通常および予想される:

モバイル サファリ:

JQZoom プラグインを使用すると、960.gs グリッドに大量の画像が表示されます....

ここに例があります: http://madlov.com/vintage-sunglasses

（注：上記のリンクでは「innerzoom」を使用していますが、標準ビューを使用すると、ズームされたウィンドウが上ではなく横の画像の後ろに表示されます）

ZoomWindow divを調べたところ、

z-index: 5001

それでも、それは役に立たないようです。

ズームした画像が他の画像の後ろに表示されるのはなぜですか

jCarousel と jQZoom プラグインを配置して、dom の後に両方を実行しようとしましたが、どちらも機能しません。jCarousel だけを試してみると、うまくいきます。dom の後で両方のプラグインをうまく実行するにはどうすればよいですか?

開いたときにJQZoomを使用するfancyboxウィンドウを実装しようとしています。

私はWordpress内でこれを行っています（プラグインを使用していないので、それが何かに影響するかどうかはわかりません）、私のアイデア（オプション1）は、iframeを使用してfancyboxをロードし、実装する別のページを作成することでしたJQZoom。これを機能させることができませんでしたが、それは私が主にデザイナーであるためかもしれませんが、間違っているのかもしれません...？

ここでの別の質問（http://stackoverflow.com/questions/5994003/adding-zoom-to-fancybox）は、fancyboxが起動されたとき（つまり、onComplete）にJQZoomを呼び出すことを意味しているようです。スクリプトが何をしようとしていたかをある程度追うことはできましたが、それを実装する方法がわかりませんでした。

だから私はこれにアプローチするための最良の方法は何であるか疑問に思っています。オプション1、2、または私が考えていなかった他の方法？

基本的に、私が求めているのは、通常は独立して呼び出される2つのJQuery機能を組み合わせる方法と、初心者がコードを実装して機能させる方法です:)

アドバイスをありがとうございます。

magiczoomの代わりにjqzoomギャラリーアプリケーションを使用したい。私には2つの問題があります：

1. Jqzoomは、すべてのズームで同じタイトルを表示します。ズームした大きな画像の上部にサムネイルのタイトルを表示したい。これどうやってするの？
2. magiczoomアプリケーションでは、小さな虫眼鏡画像と中サイズ（ズーム対象）画像の上部に「ズーム」テキストがあります。jqzoomでどうやってそれを実現できますか？

ページで Fancybox を使用して (parent.html と呼びます)、iframe をロードしています (child.html と呼びます)。child.html ページでは、JQzoom を使用しています。すべての設定が完了し、準備が整いましたが、読み込み時間を短縮する方法があるかどうか (または、読み込み時間を最小限に抑える方法はありますか?) を考えています。現在、親ページと子ページの両方に JQuery ライブラリをロードしてから、子ページに JQZoom ライブラリをロードしています。

いくつかの子ページがありますが、Fancybox を使用して子ページが読み込まれる親は 1 つだけです。JQueryライブラリをロードせずに子ウィンドウでJQzoomを使用する方法はありますか? さらに良いのは、すべての関数と JQzoom ライブラリを含むすべてを親ページにロードし、子ページからこれらの関数/ライブラリ ファイルにアクセスすることです。

現在、子ページには、JQzoom をトリガーする次のコードとスクリプトがあります。

私はデザイナーなので、何か提案があれば、私をレオタードを着たコーダーのように扱ってください:)

ありがとう！

ここに示されているような画像リンクでjqZoomを使用したい：http ：//www.lumas.de/pictures/christophe_jacrot/gold/

これまでのところ、jqZoomだけの例を見てきましたが、画像に実際のリンクはありません：http: //www.mind-projects.it/projects/jqzoom/demos.php#demo1。不足している設定やオプションはありますか？

ありがとう！

これがjsfiddleです。

内部ズームを使用すると（どのズームタイプでも機能しませんが）、次のように機能するはずです：http: //www.mind-projects.it/projects/jqzoom/demos.php#demo4

何か案は？Bootstrapの応答性に問題があるようです。imgタグでBootstrapのmax-width:100%CSS宣言を削除すると、少し改善されますが、壊れたままになります。

製品ページをカスタマイズしようとしている magento オンライン ストアがあります。

このページには、jqZoom を使用したメインの製品画像と、メイン画像を変更する onmouseover 関数を使用して、magento によって生成されたサムネイルがあります。

今日、機能とコードを変更する長い日を経て、MacBook の 2 つのブラウザーですべてが機能するようになりましたが、テストした他のコンピューターには問題があります。

最初の読み込みでは、最初の画像が完全に読み込まれ、ズームが機能しますが、マウスオーバーして画像が変更されるとすぐに、ほとんどのブラウザーでズームが機能しなくなります。

コードは次のとおりです。

. . . . 頭の中で私はこれを追加しました：

. . . . . これは、magento が製品のリンクと大きな画像を生成するために使用するコードです。

. . . . . これは、すべての変更を行うサムネイルの foreach ループです。

. . . .

私が信じている主な問題は、jQzoom を削除して元に戻す間のどこかで、画像の高さが正しく送信されないことです。その結果、関数が呼び出されますが、jqZoom によって生成された & の高さは 0 です。コードインスペクタの設定を特定の px 値に変更すると、ズームは機能しますが、画像が正しく切り取られません。

ウェブサイト上の製品へのリンクは次のとおりです: http://zeroinchapparel.com/index.php/men-short-sleeve/grand-experience.html

ps最終的にはズーム画像を標準（画像の右側）として表示する必要がありますが、設定を標準に設定すると、ズーム画像のウィンドウが表示されません。z-indexに問題がある可能性があります?

ps2. JavaScript や jQuery を扱うのはこれが初めてなので、私はまったくの初心者です。

更新: IE と互換性がなく、簡単に置き換えられるコードが見つかりました

IE は新しい src を ID "IMG1" に割り当てることができなかったことが判明し、次のように書き直しました。

Chrome の一部のバージョンでは、src の変更後にマウスオーバー時にズームされた画像が表示されないという問題がまだあります...