Jquery Img未在弹出窗口中完全显示
我有一个按钮,在弹出窗口中显示图像。如果图片是水平的,则不会完全显示。我想让显示图片的对话框动态地获取图片的大小,这样无论大小都能完全显示出来 这是我的主要观点:Jquery Img未在弹出窗口中完全显示,jquery,css,backbone.js,twitter-bootstrap-3,Jquery,Css,Backbone.js,Twitter Bootstrap 3,我有一个按钮,在弹出窗口中显示图像。如果图片是水平的,则不会完全显示。我想让显示图片的对话框动态地获取图片的大小,这样无论大小都能完全显示出来 这是我的主要观点: View.Proof = Marionette.ItemView.extend({ template : pictureTpl, initialize : function(options) { this.parentModel = options;
View.Proof = Marionette.ItemView.extend({
template : pictureTpl,
initialize : function(options) {
this.parentModel = options;
this.parentModel.documentBaseUrl = '../services/api';
},
templateHelpers : function() {
return {
documentBaseUrl : this.parentModel.documentBaseUrl
};
},
onShow : function(view) {
this.listenTo(view, ".close", this.onClose);
$('.modal-backdrop').remove();
$(this.$el.children()[0]).modal('show');
//$("#myModal2").modal('show');
},
onClose: function() {
console.log('hide popup');
//$("#myModal2").modal('hide');
$(this.$el.children()[0]).modal('hide');
}
});
这是我的picture.tpl(pictureTpl):
但是这个解决方案对我不起作用如果我理解正确,您希望按钮根据其内部的img展开吗?@Aziz否img不显示在按钮上,而是以弹出窗口的形式显示在对话框中。该按钮用于显示在图片中显示img的弹出窗口。t能否向我们展示该对话框的外观?理想情况下,JSFIDLE演示。。?如果有一个解决方案使用css来动态拍摄图片的大小,请分享一个我所说的css的@TJ
<div class="modal inmodal" id="myModal2" tabindex="-1" role="dialog" aria- hidden="true">
<div class="modal-dialog">
<div class="modal-body">
<div class="carousel-inner">
<div class="item active ">
<img style="border: 1px solid #666" src="<%- documentBaseUrl %>/pictures/<%- id %>/file" alt="folder" class="img-responsive">
</div>
</div>
</div>
</div>
</div>
onShow : function(view) {
this.listenTo(view, ".close", this.onClose);
$('.modal-backdrop').remove();
$(this.$el.children()[0]).modal('show', function () {
$(this).find('.modal-body').css({
width:'auto', //probably not needed
height:'auto', //probably not needed
'max-height':'100%'
});
});