From 90aa4d19032162617bfb678ea6ae9d3d0e193623 Mon Sep 17 00:00:00 2001
From: Dan Helfman <dan@luminotes.com>
Date: Mon, 24 Sep 2007 21:05:41 +0000
Subject: [PATCH] Preloading hover images for great responsiveness.

---
 static/css/note.css       | 12 ++++++++++++
 static/html/features.html |  3 +++
 2 files changed, 15 insertions(+)

diff --git a/static/css/note.css b/static/css/note.css
index d7fc105..dc703d4 100644
--- a/static/css/note.css
+++ b/static/css/note.css
@@ -64,6 +64,12 @@ ol li {
   background-image: url(/static/images/take_a_tour_hover.png);
 }
 
+#take_a_tour_preload {
+  height: 0;
+  overflow: hidden;
+  background-image: url(/static/images/take_a_tour_hover.png);
+}
+
 #try_it_out {
   display: block;
   float: left;
@@ -78,6 +84,12 @@ ol li {
   background-image: url(/static/images/try_it_out_hover.png);
 }
 
+#try_it_out_preload {
+  height: 0;
+  overflow: hidden;
+  background-image: url(/static/images/try_it_out_hover.png);
+}
+
 .display_none {
   display: none;
 }
diff --git a/static/html/features.html b/static/html/features.html
index d6c18c7..7f00606 100644
--- a/static/html/features.html
+++ b/static/html/features.html
@@ -41,3 +41,6 @@ Sound interesting? Then take a tour or try it out for yourself!
 <a href="/notebooks/%s?note_id=new" target="_top"><span id="try_it_out" title="try it out"><span class="display_none">try it out</span></span></a>
 
 <p>&nbsp;</p>
+
+<span id="take_a_tour_preload"></span>
+<span id="try_it_out_preload"></span>