Changeset 661

Timestamp:

2008-06-30 20:06:22 (2 months ago)

Author:

arthus

Message:

Made speed improvements on client side animation

Location:

plugins/loupable/trunk

Files:

• loupable.css (modified) (3 diffs)
• loupable.js (modified) (1 diff)

plugins/loupable/trunk/loupable.css

@@ -5 +5 @@
     background: #000;
     width: 100%;
-    height: 15px;
+    height: 50px;
     clear: both;
     margin-bottom:30px;
     overflow: hidden;
+    position:relative;
+    top:-35px;
     }
 
@@ -65 +67 @@
     left:0;
     display:block;
-    top:-2px;
+    top:33px;
     }
 
@@ -72 +74 @@
     width:1px;
     float:left;
-    height:inherit;
+    height:50px;
     text-indent:-100000px;
     z-index:200;

plugins/loupable/trunk/loupable.js

@@ -3 +3 @@
     loupe.hover(
         function() {
-            $('#timeline, #timeline .years, #timeline a.item').animate({ 
-                height: "50"
-            }, 500 );
-            $('#timeline .years .months div span').animate({ 
-                top: "33"
+            $('#timeline').animate({ 
+                top: "0"
             }, 500 );
         },
         function() {
-            $('#timeline, #timeline .years, #timeline a.item').animate({ 
-                height: "15"
-            }, 500 );
-            $('#timeline .years .months div span').animate({ 
-                top: "-2"
+            $('#timeline').animate({ 
+                top: "-35"
             }, 500 );
         }