jquery - 页面加载零不透明度，但使用渐进增强方法？

Question

我希望在网页加载时让一些图像淡入，因此从不透明度:0 开始，然后使用图像加载脚本淡入到不透明度:1。

但是，要使脚本起作用，图像最初必须是不可见的。因此，如果我使用 CSS 将不透明度设置为零，如果用户没有 javaScript，他们将看不到任何图像。

为了解决这个问题，我试过像这样通过 jQuery 应用零不透明度...

 $(".images").css('opacity', 0);

...但是在 100% 不透明度下我仍然看到图像闪烁，然后 jQuery 启动，隐藏它们，只是为了让它们通过图像加载脚本再次淡入。

那么最安全的方法是在加载图片之前先隐藏图片，这样即使用户禁用了 javaScript，他们仍然可以看到图片，只是不会获得精美的图片加载效果？

提前致谢

Answer 1

这是我最后一次尝试，因为你无处不在:

<noscript>
<style type="text/css">
.images {
opacity:1;
}
</style>
</noscript>

在样式表中:

.images {
opacity: 0;
}

在 jquery 中:

$('.images').fadeIn();

如果有人没有 javascript 那么它会点击 noscript 标签并将图像的不透明度更改回 1。老实说，现在谁没有 javascript？