JavaScript在页面加载之前调整雪花大小

JavaScript在页面加载之前调整雪花大小,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想看看是否可以在页面加载之前调整图像的大小。我无法在网站加载之前加载它。我添加了一个代码片段,以便您可以试用 我想这样做,使他们不调整大小,因为他们下降我希望他们已经调整大小之前,他们下降 代码如下: //函数调用前的分号是防止连接 //可能未正确关闭的脚本和/或其他插件。 ; (函数($,窗口,文档,未定义){ var SnowFlake=函数(expireCallback){ var=这个; var向量=[0,0]; var位置=[0,0]; var isOnscreen=false;

我想看看是否可以在页面加载之前调整图像的大小。我无法在网站加载之前加载它。我添加了一个代码片段,以便您可以试用

我想这样做,使他们不调整大小,因为他们下降我希望他们已经调整大小之前,他们下降

代码如下:

//函数调用前的分号是防止连接
//可能未正确关闭的脚本和/或其他插件。
;
(函数($,窗口,文档,未定义){
var SnowFlake=函数(expireCallback){
var=这个;
var向量=[0,0];
var位置=[0,0];
var isOnscreen=false;
变量$element=$('');
var updatePosition=函数(){
$element.css({
左:位置[0],
顶部:位置[1]
});
};
变量宽度=[“8px”、“15px”、“25px”、“35px”];
$(“.snowflake img”)。每个(功能(即,e){
var width=widths[Math.ceil(Math.random()*4)-1];
$(e).css('width',width);
});
var updateAttributes=函数(大小、不透明度){
$element.css({
宽度:大小,
不透明度:不透明度
});
};
var checkExpired=函数(边界){
if(位置[0]>bounds.x | |位置[1]>bounds.y){
isOnscreen=false;
$element.remove();
到期回拨(该);
}
};
this.spawn=函数(newVector、startPos、大小、不透明度){
向量=新向量;
位置=起始位置;
更新属性(大小、不透明度);
updatePosition();
$('body')。追加($element);
isOnscreen=true;
};
this.render=函数(间隔、边界){
if(isOnscreen){
位置[0]=位置[0]+(区间*向量[0]);
位置[1]=位置[1]+(区间*向量[1]);
检查过期(边界);
updatePosition();
}
};
};
var雪花发射器=功能(设置){
var flakes=[];
var RecreatedFlakes=[];
var lastTime=0;
var shouldSpawnNewFlake=函数(){
返回(Math.random()*700)

jQuerySnow基本演示
.雪花{
-webkit动画:旋转4s线性无限;
-moz动画:旋转4s线性无限;
动画:旋转4s线性无限;
}
@-moz关键帧旋转{
100% {
-moz变换:旋转(360度);
}
}
@-webkit关键帧旋转{
100% {
-webkit变换:旋转(360度);
}
}
@关键帧旋转{
100% {
-webkit变换:旋转(360度);
变换:旋转(360度);
}
}
jQuery(函数(){
jQuery(“body”).snow({
强度:40,
sizeRange:[12,30],
不透明的