by hitode909
2012-12-08 [2012/12/08 14:57:53]
reblog advent calend*e*r 7889 hitode909-nize
/*
* @title RacHitodenize #RAC7889
* @description reblog advent calend*e*r 7889 hitode909-nize
* @include http://reblogadventcalender7889.tumblr.com/*
* @license reblog commons license ( cc by 3.0 )
*/
// bookmark:
// http://atnd.org/events/34738
// http://reblogadventcalender7889.tumblr.com/
// http://reblogadventcalender7889.tumblr.com/post/37393584199
// http://hitode909.hatenablog.com/entry/2012/11/17/110000
// http://let.hatelabo.jp/hitode909/let/gYC-yuG7p7bWEg
// made by @hitode909 https://twitter.com/hitode909
window.requestAnimationFrame = (function () {
return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback, element) {
return window.setTimeout(function () {
return callback();
}, 1000 / 60);
};
})();
$(function () {
var choise = (function (list) {
var i = 0;
return function (list) {
if (list.length == 0) return null;
return list[++i % list.length];
};
})();
var $body = $(document.body);
var $container = $('#container');
var $images_top = [];
$.get('/', function (res) {
$images_top = $(res).find('.photo img');
});
var step = function () {
var $images = $('.photo img');
var img = choise($images.length > 0 ? $images : $images_top);
$body.css({
background: img ? 'url(' + img.src + ')' : '',
'background-position': 'center',
'background-repeat': 'no-repeat',
'background-attachment': 'fixed',
'background-size': 'cover'
});
$container.toggleClass('hidden');
};
var loop = function () {
step();
window.requestAnimationFrame(loop);
};
loop();
});