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

来源:1-8 jQuery UI实现预览图片效果

JouleWanted

2015-11-10 19:51

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://img.mukewang.com/5641d9c50001c51102380235.jpg

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

写回答 关注

4回答

  • 人艰不拆8
    2017-02-21 06:02:28

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

    width="100%";

    http://img.mukewang.com/58ab675300011bcb03830337.jpg


  • Resse
    2016-03-07 17:13:42

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

    img{

    width:25px;

    height:25px;

    border:0;

    }

    你改成

    .small{

    width:25px;

    height:25px;

    border:0;

    }

    就ok了

    Gemma_...

    这个是正解~

    2017-03-15 23:39:21

    共 1 条回复 >

  • 紫_风
    2016-01-28 14:20:04

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

    JouleW...

    没有解决,增大width只会增加外边框,图片是不会增大的

    2016-02-28 19:33:06

    共 1 条回复 >

  • 魔莘
    2015-11-22 20:32:49

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

    JouleW...

    没有解决,调试了很久,无从下手~

    2015-11-24 21:39:43

    共 1 条回复 >

WEB在线文件管理器

通过本课程文件目录函数库的学习,让你掌握文件、目录函数库的应用

36223 学习 · 332 问题

查看课程

相似问题