diff --git a/src/js/flickr-badge-fx.js b/src/js/flickr-badge-fx.js new file mode 100644 index 0000000..729d084 --- /dev/null +++ b/src/js/flickr-badge-fx.js @@ -0,0 +1,33 @@ +/** + * @requires {jQuery} + */ +orin.flickr = { + onHover: function(){ + var i, w = $('#flickr_www_wrapper'); + + $('.flickr_badge_image').hover(function(){ + i = $(this).children('a').children('img'); + var t = $(this).find('img').attr('title'); + + i.css({ + border: '4px solid #ff1c92', + margin: '-4px', + zIndex: '200' + }); + + w.fadeOut('slow', function(){ + w.empty().append(t).fadeIn('slow'); + }); + }, function(){ + i.css({ + border: 'none', + margin: '0', + zIndex: '100' + }); + w.fadeOut('fast', function(){ + w.empty().append('flickr').fadeIn('fast'); + }); + }); + } +}; + diff --git a/src/js/orin-base.js b/src/js/orin-base.js new file mode 100644 index 0000000..7c29888 --- /dev/null +++ b/src/js/orin-base.js @@ -0,0 +1,4 @@ +/** + * @namespace + */ +orin = {}; \ No newline at end of file diff --git a/src/js/orin-ready.js b/src/js/orin-ready.js new file mode 100644 index 0000000..ca145f6 --- /dev/null +++ b/src/js/orin-ready.js @@ -0,0 +1 @@ +$(document).ready(orin.flickr.onHover); \ No newline at end of file