RacHitodenize #RAC7889

by taizooo 2012-12-08 [2012/12/08 01:45:26]

reblog advent calend*e*r 7889 hitode909-nize

@@ -11,6 +11,7 @@
 
 // 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 () {

• /*
   * @title RacHitodenize
   * @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();
  });

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。