Preloading hover images for great responsiveness.
This commit is contained in:
parent
3be8f891b4
commit
90aa4d1903
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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> </p>
|
||||
|
||||
<span id="take_a_tour_preload"></span>
|
||||
<span id="try_it_out_preload"></span>
|
||||
|
|
Reference in New Issue