witten
/
luminotes
Archived
1
0
Fork 0

Preloading hover images for great responsiveness.

This commit is contained in:
Dan Helfman 2007-09-24 21:05:41 +00:00
parent 3be8f891b4
commit 90aa4d1903
2 changed files with 15 additions and 0 deletions

View File

@ -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;
}

View File

@ -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>