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);
|
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 {
|
#try_it_out {
|
||||||
display: block;
|
display: block;
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -78,6 +84,12 @@ ol li {
|
||||||
background-image: url(/static/images/try_it_out_hover.png);
|
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 {
|
||||||
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>
|
<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>
|
<p> </p>
|
||||||
|
|
||||||
|
<span id="take_a_tour_preload"></span>
|
||||||
|
<span id="try_it_out_preload"></span>
|
||||||
|
|
Reference in New Issue