如何在使用JavaScript在web中显示之前旋转图像？

我只是想知道，在将图像显示在web上之前，我可以检测图像的属性吗？就我而言，我有一千张照片。我想在我的网页上显示它们，但有些照片有不同的方向（如横向和纵向）

在图像显示在我的网页上之前，我可以检测图像的宽度和高度吗

可能使用JavaScript，比如：

If height>width than rotate
else just display.

---

有没有JavaScript函数可以实现这一点？只是为了获取属性而不是显示它。有什么诀窍吗？

加载页面时，您可以控制每个

//函数旋转
jQuery.fn.rotate=函数（度）{
$（this.css（{'-webkit transform'：'rotate（'+degrees+'deg'），
“-moz变换”：“旋转（“+度+”度）”，
“-ms变换”：“旋转（“+度+”度）”，
“变换”：“旋转（“+度+”度）}）；
};
//加载页面时
$（窗口）。加载（函数（）{
//对于每个图像，您可以更改选择器
$（'img'）。每个（函数（）{
如果（this.height（）

您必须等待它加载

setInterval(function () {
   if(loaded)
   {
      clearInterval(wait);
   }
   else
   {
      log(img.width, 'x', img.height);
   }
}, 0);

我找到了一个例子

---

希望有帮助。

$（窗口）。加载是在加载所有图像之后，而不是在加载时。这将起作用，但在加载所有图像之后。我怀疑加载问题中提到的1000张照片的速度。是的，但速度非常快，您可以使用

animate（）

创建更漂亮的东西。您还可以在所有img上添加

display:none

或

visibility:hidden

。并在

each（）

中更改此显示，对不起，我还是新手，在您的回答中，您是否使用jquery外部函数？

.load（）

，

。each（）

，

.height（）

，

.width（）

是jquery中的本机函数<代码>旋转是我创建的用于旋转元素的函数，在许多浏览器中都受支持。

setInterval(function () {
   if(loaded)
   {
      clearInterval(wait);
   }
   else
   {
      log(img.width, 'x', img.height);
   }
}, 0);