random 图像的位置
我找到了一个脚本 divs / 图像随机。 但是,这并不像我想要的那样/我需要。
图像加载每个 div /什么,我认为不完美/. 我有关于 30 图片。
但他们被加载得很糟糕,而且
它也很糟糕。 图像主要从上面加载 /我认为没有考虑博客图像,所以他得到了没有图像的高度?/
所以我想要的:加载它们更精细地随机化,以便他们也击中了页面的底部
图像加载每个 div /什么,我认为不完美/. 我有关于 30 图片。
但他们被加载得很糟糕,而且
var posy = /Math.random// * /$/document/.height// - 0//.toFixed//;
它也很糟糕。 图像主要从上面加载 /我认为没有考虑博客图像,所以他得到了没有图像的高度?/
所以我想要的:加载它们更精细地随机化,以便他们也击中了页面的底部
var circlePosition = document.getElementsByClassName/'circle'/;
console.log/circlePosition/;
function position// {
for /var i = 0; i < circlePosition.length; i++ / {
//give circle a random position
var posx = /Math.random// * /$/document/.width// - 0//.toFixed//;
var posy = /Math.random// * /$/document/.height// - 0//.toFixed//;
//apply position to circle
$/circlePosition[i]/.css/{
'position':'absolute',
'left':posx+'px',
'top':posy+'px',
}/
}
} //end function position
var circleTotal = circlePosition.length;
$/'.circle'/.click/function// {
$/this/.fadeOut//;
circleTotal = circleTotal - 1;
console.log/circleTotal/;
if/circleTotal == 0/ {
position//
$/'.circle'/.fadeIn//;
}
}/;
position//;
<script src="[url=https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>]https://ajax.googleapis.com/aj ... gt%3B[/url]
<img src="//placehold.it/1x5000"/> Placeholder image to show issue
<div class="circle">
<img src="[url=http://static.tumblr.com/tensqk8/k8anq0438/01.png"/>]http://static.tumblr.com/tensq ... gt%3B[/url]
</div>
<div class="circle">
<img src="[url=http://static.tumblr.com/tensqk8/k8anq0438/01.png"/>]http://static.tumblr.com/tensq ... gt%3B[/url]
</div>
没有找到相关结果
已邀请:
2 个回复
詹大官人
赞同来自:
我认为,或许,在加载所有图像之前,图像都已定位,因此页面变短。
江南孤鹜
赞同来自:
http://www.html5rocks.com/en/t ... wdom/
.
http://jsfiddle.net/sean9999/yv9otwr7/9/
/
</img></total_number_of_images;i++>