JqZoom和Twitter Bootstrap冲突

Question

这是jsfiddle。

使用内部缩放（尽管它不适用于任何缩放类型），它应该如下工作：http://www.mind-projects.it/projects/jqzoom/demos.php#demo4

有什么想法吗？似乎是Bootstrap响应特性的问题。在img标签上删除Bootstrap的max-width:100% CSS声明会稍微改进一下，但它仍然会被破坏。

Answer 1

您需要覆盖最大宽度。

.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;}