为了账号安全,请及时绑定邮箱和手机立即绑定

使用jquery ui dialog显示图片时,不论怎样修改,显示图片都非常小,想请各位朋友或者老师看看可能会是什么原因,万分感谢!

function showDetail(t,filename){
		$("#showImg").attr("src",filename);
		$("#showDetail").dialog({
			  width: "auto",
			  height:"auto",
		      position: {my: "center", at: "center",  collision:"fit"},
		      modal:false,//是否模式对话框
		      draggable:true,//是否允许拖拽
		      resizable:true,//是否允许拖动
		      title:t,//对话框标题
		      show:{effect:"slide",duration:"1000"},
		      hide:{effect:"explode",duration:"1000"}
		})
	}
<div id="showDetail"  style="display:none"><img src="" id="showImg" alt=""/></div>
<?php
$ext = strtolower(end(explode('.',$filename)));
    if(in_array($ext,$type_list)){
?>
    <a href="#"  onclick="showDetail('<?php echo $filename;?>','<?php echo $filepath;?>')"><img class="small" src="images/show.png"  alt="" title="查看"/></a>|
<?php
    }else{	
?>
    <a href="index.php?act=showContent&filename=<?php echo $filepath; ?>&path=<?php echo $path;?>" ><img class="small" src="images/show.png"  alt="" title="查看"/></a>|
<?php } ?>

http://img1.sycdn.imooc.com//5641d9c50001c51102380235.jpg

相关代码和显示图片就是这些了,请各位朋友或者老师看看可能哪边有问题,非常感谢!我自己已经调了很久也没找出毛病来,只能来求助各位朋友了....

正在回答

4 回答

给id="showImg"的img标签设置不同的样式

width="100%";

http://img1.sycdn.imooc.com//58ab675300011bcb03830337.jpg


0 回复 有任何疑惑可以回复我~

源代码在设置图片格式的时候,直接限定了

img{

width:25px;

height:25px;

border:0;

}

你改成

.small{

width:25px;

height:25px;

border:0;

}

就ok了

1 回复 有任何疑惑可以回复我~
#1

Gemma_Tong

这个是正解~
2017-03-15 回复 有任何疑惑可以回复我~

width设大点应该能解决吧,楼主解决了没?

0 回复 有任何疑惑可以回复我~
#1

JouleWanted 提问者

没有解决,增大width只会增加外边框,图片是不会增大的
2016-02-28 回复 有任何疑惑可以回复我~

我的显示是只有一个框框出来了,不知道是不是太小了,看不见啊,也没报错,可以正确运行,楼主解决问题了没啊,求助攻

0 回复 有任何疑惑可以回复我~
#1

JouleWanted 提问者

没有解决,调试了很久,无从下手~
2015-11-24 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

使用jquery ui dialog显示图片时,不论怎样修改,显示图片都非常小,想请各位朋友或者老师看看可能会是什么原因,万分感谢!

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信