diff --git a/app/views/albums/show.html.haml b/app/views/albums/show.html.haml index d22f8ff56..f118cf7da 100644 --- a/app/views/albums/show.html.haml +++ b/app/views/albums/show.html.haml @@ -18,7 +18,8 @@ %h4= "by #{@album.person.real_name}" - for photo in @album_photos - = link_to (image_tag photo.image.url(:thumb_medium)), object_path(photo) + .image_thumb + = link_to (image_tag photo.image.url(:thumb_medium)), object_path(photo) #content_bottom .back diff --git a/public/javascripts/view.js b/public/javascripts/view.js index 66a3438d8..ab54ee39b 100644 --- a/public/javascripts/view.js +++ b/public/javascripts/view.js @@ -107,4 +107,9 @@ $(document).ready(function(){ $("input[type='submit']").addClass("button"); + $(".image_thumb img").load( function() { + $(this).fadeIn("slow"); + }); + + });//end document ready diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css index 1fc09cf76..253b558a0 100644 --- a/public/stylesheets/application.css +++ b/public/stylesheets/application.css @@ -393,3 +393,12 @@ h1.big_text { #next_prev_links { text-align: center; } + +.image_thumb { + display: inline-block; + width: 100px; + min-width: 100px; + height: 100px; + min-height: 100px; } + .image_thumb img { + display: none; } diff --git a/public/stylesheets/sass/application.sass b/public/stylesheets/sass/application.sass index 0053bad62..e6e0588d6 100644 --- a/public/stylesheets/sass/application.sass +++ b/public/stylesheets/sass/application.sass @@ -486,3 +486,14 @@ h1.big_text #next_prev_links :text-align center + + +.image_thumb + :display inline-block + :width 100px + :min-width 100px + :height 100px + :min-height 100px + + img + :display none