zurb/foundation — Issue #116: seamless orbit slider loading
Author: babrewer
Created: 2011-11-22 14:50:35+00:00
State: open

adjusting the orbit.css as per the playground section "Glorious, Seamless Loading State" hides the entire slider.

Downloaded the current zip, added a simple slider to index.html, changed the orbit.css as follows. Made no other changes to index.html from what is contained in the zip other than adding the slider.

orbit.css as follows:

#orbitDemo {
width: 1000px;
height: 210px;
background: #fff url('../images/orbit/loading.gif') no-repeat center center;
overflow: hidden; }
#orbitDemo>img,
#orbitDemo>div,
#orbitDemo>a { display: none; }

HTML for Slider is exactly the same as in the orbit.php file in the docs folder.

Script launch as follows: