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