diff options
Diffstat (limited to 'source/javascripts/banner.js')
| -rw-r--r-- | source/javascripts/banner.js | 103 |
1 files changed, 103 insertions, 0 deletions
diff --git a/source/javascripts/banner.js b/source/javascripts/banner.js new file mode 100644 index 0000000..e380b15 --- /dev/null +++ b/source/javascripts/banner.js @@ -0,0 +1,103 @@ +(function($){ + var banner = $('#banner'); + banner.children('.error').hide(); + + var loaded = function(length){ + var images = banner.find('img'), + dots = banner.children('.dots'), + width = banner.children('.image').width(), + fragment = document.createDocumentFragment(), + count = 0, + trigger = false, + timer; + + images.each(function(i){ + $(this).css('left', width*i); + + var item = document.createElement('li'); + $(item).click(function(){ + shift(i); + }); + if (i == 0) $(item).addClass('current'); + fragment.appendChild(item); + }); + + dots.append(fragment); + + var shift = function(i){ + if (trigger == false){ + var gap = width * (i - count); + trigger = true; + + banner.find('.wrap').animate({left: '-='+gap}, 1000, 'easeOutQuart', function(){ + dots.children('li').eq(count).removeClass('current'); + dots.children('li').eq(i).addClass('current'); + banner.children('') + count = i; + main(); + trigger = false; + }); + } else { + return false; + } + }; + + var prev = function(){ + para = count == 0 ? length - 1 : count - 1; + shift(para); + }; + + var next = function(){ + shift((count+1)%length); + }; + + var main = function(){ + clearTimeout(timer); + timer = setTimeout(next, 10000); + }; + + banner.on({ + 'mouseenter': function(){ + clearTimeout(timer); + }, + 'mouseleave': function(){ + main(); + } + }).on('click', '.prev', prev).on('click', '.next', next); + + main(); + }; + + var random = function(){ + return (Math.round(Math.random())-0.5); + }; + + $.ajax({ + url: 'https://picasaweb.google.com/data/feed/api/user/105931860008509594725/albumid/5663590803175839297?alt=json&callback=?', + dataType: 'json', + type: 'GET', + success: function(json){ + var fragment = document.createDocumentFragment(), + arr = []; + + $(json.feed.entry).each(function(i, data){ + var link = data.media$group.media$thumbnail[0].url.replace(/\/\w\d+(-\w\d*)*\/([^\/]+)$/, '/s0/$2'); + arr.push(link); + }); + + arr.sort(random); + var length = arr.length; + + for (var i=0; i<length; i++){ + var item = document.createElement('img'); + item.src = arr[i]; + fragment.appendChild(item); + } + + banner.find('.wrap').append(fragment).children('img').eq(0).load(function(){ + banner.children('.loading').fadeOut(500); + loaded(length); + }); + } + }); +})(jQuery);
\ No newline at end of file |