From e7ef3c06ed4e626c7ca6b1b2c304c732cad55762 Mon Sep 17 00:00:00 2001
From: Raphael <raphael@joindiaspora.com>
Date: Fri, 30 Jul 2010 10:20:50 -0700
Subject: [PATCH] Websocketed photos now fade in

---
 app/views/js/_websocket_js.haml | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/views/js/_websocket_js.haml b/app/views/js/_websocket_js.haml
index 52b2237d4..218fe8fd6 100644
--- a/app/views/js/_websocket_js.haml
+++ b/app/views/js/_websocket_js.haml
@@ -60,9 +60,14 @@
         if (location.href.indexOf(photoHash['album_id']) == -1){
           return ;
         }
-        html =  "<div class=\'image_thumb\'> <a href=\"/photos/"+ photoHash['id'] +"\"><img alt=\"New thumbnail\" src=\""+ photoHash['thumb_url'] +"\" style=\"display:inline;\" /> </a> </div>"  
-        $("#thumbnails").append( $(html).fadeIn("fast") )
-        
+        html =  "<div class=\'image_thumb\' id=\'"+photoHash['id']+"\'> \
+          <a href=\"/photos/"+ photoHash['id'] +"\"> \
+          <img alt=\"New thumbnail\" src=\""+ photoHash['thumb_url'] +"\" /> \
+          </a> </div>"  
+        $("#thumbnails").append( $(html) )
+        $(".image_thumb img").load( function() {
+          $(this).fadeIn("slow");
+        });
       }
       
       function onPageForClass(className){