jquery获取图像大小并在imgsrc标记中显示它

我试图复制谷歌在主页上显示背景图像的方式。下面是我对它的代码重写：

<img style="width: 1279px; height: auto; left: 0px; opacity: 0.99999;" src="<?php echo    $_COOKIE['otakuplus_bg']; ?>" id="cpBackgroundImg">

…对于相同的图像。我必须依靠汽车来保持高度。如果您知道一种使用jQuery的方法，请告诉我。提前感谢您。

使用JQuery：

该元素的宽度

var imgWidth = $("#cpBackgroundImg").width();
alert(imgWidth);

var imgHeight = $("#cpBackgroundImg").height();
alert(imgHeight);

该元素的高度

var imgWidth = $("#cpBackgroundImg").width();
alert(imgWidth);

var imgHeight = $("#cpBackgroundImg").height();
alert(imgHeight);

现在您应该希望将宽度和高度存储在JQuery中，您可以使用它做任何事情

使用JQuery：

该元素的宽度

var imgWidth = $("#cpBackgroundImg").width();
alert(imgWidth);

var imgHeight = $("#cpBackgroundImg").height();
alert(imgHeight);

该元素的高度

var imgWidth = $("#cpBackgroundImg").width();
alert(imgWidth);

var imgHeight = $("#cpBackgroundImg").height();
alert(imgHeight);

---

现在您应该希望将宽度和高度存储在JQuery中，您可以使用它做任何事情

以下是我如何输出适合用户窗口的准备好的图片

步骤：

获取窗口的宽度和高度并将其存储在

container_height and container_width

使用jQuery和PHP库。TimThumb可以动态生成调整大小的图像，同时缩放裁剪不适合给定大小的零件

$('#container').css('background','url(timthumb.php?src=image_source.jpg&w=' +   
container_width + '&h=' + container_height + '&zc=1');

它所做的只是将id=“container”元素的css背景属性更改为timthumb生成的图像

你可以在这里找到TimThumb：

祝你好运

---

顺便说一句，在我的代码中，我还添加了一个预加载程序，以确保背景在完全加载时变得可见。

以下是我如何输出一张适合用户窗口的准备好的图片

步骤：

获取窗口的宽度和高度并将其存储在

container_height and container_width

使用jQuery和PHP库。TimThumb可以动态生成调整大小的图像，同时缩放裁剪不适合给定大小的零件

$('#container').css('background','url(timthumb.php?src=image_source.jpg&w=' +   
container_width + '&h=' + container_height + '&zc=1');

它所做的只是将id=“container”元素的css背景属性更改为timthumb生成的图像

你可以在这里找到TimThumb：

祝你好运

---

顺便说一句，在我的代码中，我还添加了一个预加载程序，以确保背景在完全加载时可见。

在图像加载之前，您无法知道图像的高度和宽度。所以说你的形象是这样的：

<img src="foo.jpg" id="foo">

---

在图像加载之前，您无法知道图像的高度和宽度。所以说你的形象是这样的：

<img src="foo.jpg" id="foo">

---

好的，我试过了，把它贴到了cpBackgroundImg上，但即使如此，我还是没有得到尺寸。你不是那样复制的吧？我不知道你是怎么做的？让我编辑它，让它更直截了当。好吧，我尝试了这个，并将它附加到cpBackgroundImg，但即使如此，我仍然没有得到尺寸。你不是那样复制的，对吗？我不知道你是怎么做的？让我编辑一下，让它更直截了当。