Jquery可调整大小的图像大小问题

发布于 2024-10-12 04:30:46 字数 709 浏览 4 评论 0原文

使用 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

人事已非 2024-10-19 04:30:46

不知道为什么 webkit 会这样。

解决方法是确保在 load-event 之后调用 resizing图像完成。

$("img").load(function () {
    $("img").resizable();
});

会更好

  1. 在一个不相关的旁注中,如果你给图像一个 id 并调用它
    使用该 id
  2. 正确关闭 img 标签

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.

$("img").load(function () {
    $("img").resizable();
});

On an unrelated side note it would be better if you

  1. give the image an id and call it
    with that id
  2. close the img tag properly
溺孤伤于心 2024-10-19 04:30:46

@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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文