問題タブ [jqzoom]

JQzoomのズームパッドを自分のページの絶対位置にしようとしています。CSSを変更しようとしましたが、機能しません。

誰か助けてもらえますか？

私はjqzoomを使用していますが、これはうまく機能しますが、メイン画像のimgタグにサイズを適用すると、追加の画像サムネイルをクリックすると、画像は最初の画像のサイズに引き伸ばされます。

同じサイズを想定して選択した場合に、他の画像なしで小さい画像サイズ（実際の画像サイズよりも小さい）を制限する方法はありますか？それでも制限され、アスペクト比を維持しますか？

私は自分の Web ページで jqZoom と Bootstrap を使用しており、JqZoom と Twitter の Bootstrap Conflict で説明されているように、Bootstrap は jqZoom のズームを中断します。

また、ズーム可能な画像に「max-width:none」を設定する修正を適用しました。これにより、場合によっては問題が解決しました。しかし、大きい画像が非常に大きい場合、ズームは画像の一部のみが存在するかのように動作します。画像のサイズに応じたレンズの調整に失敗しているようです。

どうすればこれを修正できますか?

次の 2 つのリンクで効果を確認できます。それぞれ 2 つの画像が表示されます。最初のものはどちらの場合でもうまく機能します。Bootstrap なしの 2 つ目のみ。

ブートストラップ付きバージョン(動作しない)

ブートストラップなしのバージョン(動作)

ソースは次のようになります。コメントでマークされたBootstrapバージョンにのみ存在する部分です。

jquery プラグインである jqZoom を使用して、画像ギャラリーをレンダリングしています。

jqZoomプロジェクトページ

ドキュメントには、次のようなサムネイルを作成するように書かれています。

例のように「通常の」名前を使用すると機能します。しかし、私のイメージには名前として GUID があり、プラグインは失敗します:

Uncaught SyntaxError: Unexpected token ILLEGAL jquery.jqzoom-core.js:240 $.extend.swapimage jquery.jqzoom-core.js:240 (匿名関数) jquery.jqzoom-core.js:191 x.event.dispatch jquery.1.10 .2.min.js:5 v.ハンドル

Chrome Dev Tools を使用すると、失敗する機能は次のとおりです。

特にこの行で失敗します：

Web を見回すと、このようなエラーは eval が無効な JavaScript オブジェクトを作成した結果であるように思われるため、出力を Json 文字列として再フォーマットして、パラメーターとして正しく解釈する必要があるようです

しかし、これを適切なjSONとして解釈するように「強制」することはできないようです。上記の行を次のように置き換えると

私は得る：

キャッチされていない SyntaxError: 予期しないトークン g ef01e51a-d5c5-49ea-bd21-9c4e7f9acbb6:1 {gallery: 'gal1', smallimage: '\xc_small\58f54dc5-b412-4ffd-af51-5bc6863b280d.jpg',largeimage: '\xc_full\58f54dc5 -b412-4ffd-af51-5bc6863b280d.jpg'}

では、これを行うにはどうすればよいですか？

jQZoom を使用する製品ページがありますが、重ね順が正しく表示されません (また、jQZoom はホバー時にフルサイズの画像を表示しませんが、それは別の投稿用です)。商品画像 div は現在、右側の商品詳細をブロックしており、ユーザーが [カートに追加] やドロップダウンをクリックすることを妨げています。

この問題を解決するために CSS のすべての組み合わせを試してみましたが、わかりません。どんな考えでも大歓迎です。

jQueryプラグイン「jqzoom」を使用しています。レンズを画像に配置する際に問題に直面しています。私の画像は中央に配置されていますが、レンズは画像を含む div 境界に配置されています。簡単に言えば、レンズの位置をdivの境界ではなく画像の境界から開始するように設定したいのです。