$('a.enlarge').click(function() {
$('#modal-image').modal({
overlayClose: true,
opacity: 50,
minHeight: 462,
minWidth: 656,
overlayCss: {
backgroundColor: '#fff'
},
appendTo: '#the-media'
});
return false;
});
<div id="modal-image" style="display:none">
<img src="someimage.jpg" width="462" height="656" id="myImage" />
</div>
的形象是462px X 656px但simplemodal保持它擴展到620px X 656px。我試着加入和了minHeight參數minwidth的JS和width和height屬性的圖像標籤,甚至這個CSS:是否有辦法防止簡單模式從調整圖像大小?
#myImage { width: 462px !important; height: 656px !important; }
但沒有這個工作時,圖像保持被調整我的simplemodal。無論如何,以防止這一點?我寧願有模態燈箱顯示原始圖像的高度和寬度,但滾動如果太大條,以適應模式。
不,即使在將最小/最大高度/寬度設置爲相同值之後,它仍然會執行此操作。 – TK123