Jquery可调整大小的图像大小问题
使用 jquery resizing 时不会自动检测图像大小。 Firefox 和 IE 显示的图像要小得多,而 Chrome 则根本不显示任何内容。我似乎无法找到这个问题的直接答案。如何解决这个问题。
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/base/jquery-ui.css" type="text/css" media="all">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript">
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js" type="text/javascript">
</script>
<img src="http://www.carsyouwilldrive.com/wp-content/uploads/2009/06/futurecar1.jpg"> <script type="text/javascript">
$("img").resizable();
</script>
Image size is not automatically detected when using jquery resizable. Both Firefox and IE displays the image much smaller, and chrome show nothing at all. I can't seem to find a direct answer to this issue. How can this be fixed.
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/base/jquery-ui.css" type="text/css" media="all">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript">
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js" type="text/javascript">
</script>
<img src="http://www.carsyouwilldrive.com/wp-content/uploads/2009/06/futurecar1.jpg"> <script type="text/javascript">
$("img").resizable();
</script>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
不知道为什么 webkit 会这样。
解决方法是确保在
load-event
之后调用 resizing图像完成。会更好
使用该 id
Don't know why webkit is acting like this.
Workaround is to ensure that resizable is called after the
load-event
of image is completed.On an unrelated side note it would be better if you
with that id
@alex 显示了调整图像大小的正确方法。我在 Chrome 上进行了测试,它显示了实际高度和高度。宽度。请重新配置您的浏览器。有时浏览器配置不好..所以会发生..请检查代码http://bit.ly/gM8sSD
@alex shows right way to resize image. I tested on Chrome it shows actual height & width. please reconfigure your browser. sometimes browser not configure well.. so it occurs.. please check code http://bit.ly/gM8sSD