css - JqZoomとTwitterのブートストラップの競合

Question

これがjsfiddleです。

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

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

Answer 1

max-width をオーバーライドする必要があります。

.zoomWindow img {max-width:none}

Answer 2

私も同じ問題を抱えていました。これを追加して修正しました：

.zoomWrapperImage img{
  max-width: none;
}

Answer 3

他の修正を追加したい場合がありますimg max-width:100%

このコードは、jqzoom をインスタンス化した直後に実行できます。

jQuery('.zoomPup img').css('width', jQuery('.zoomPad img').width() );
jQuery('.zoomPup img').css('height', jQuery('.zoomPad img').height() ); 

そして、これは一般的な CSS で:

.zoomPup img {max-width:none; max-height: none;}
.zoomWindow img {max-width:none; max-height: none;}