zurb / orbit

454 stars 96 forks source link

<section> as Slide remains blank #108

Open xunum opened 12 years ago

xunum commented 12 years ago

Hi,

i tried to use the orbit slider on a news archive in the cms contao. But the news output is organized in sections with the html5 tag

, though the slider didn't work.

After lookin' through the code i found this line

this.$slides=this.$element.children("img, a, div");

and changed it to

this.$slides=this.$element.children("section, img, a, div");

cause i thought this would easily solve the problem. But the slider now remains blank. I don't have a chance to use divs cause this would imply high effort. Maybe you can help me, and use this as a change to the code (it would be nice to have

or
as slides, if the effort is not that high).

xunum commented 12 years ago

As i thought while writing i read the foundation.css a second time and found out, that you have to add

 .orbit>section {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; 
        }

And voila it works ;)

Maybe this could be an update to orbit and foundation