zurb/foundation — Issue #228: Orbit showing all slides concurrently
Author: TechnotronicOz
Created: 2012-01-13 22:44:06+00:00
State: open

The awesome Foundation library has been added to the wonderful Root's Wordpress framework (I'm sure some WP gurus already knew that though). I am working on a new design and really like the Orbit slider so I decided to use it in my first attempt at laying out the design.

I have been fighting with this for a few days and have been unsuccessful in my attempts to solve the issue. My slider loads, slides are shown, slide controls (left, right) are both shown and function along with the slide timer. My issue is ALL slides show concurrently. The reason I know they are running concurrent is all my slides are transparent and you can see all of them.

I have read through the Orbit documentation about 26 times now and can't pinpoint my trouble.

When I leave the following code within the

tags, all elements of Orbit load, except the slides:

When I add the code below into app.js, Orbit loads along with the slides - but this is when they are all displayed together. Rotation IS happening, but image number one isn't being hidden when image two is displayed.

$('#front-slide').orbit();

Here is my slider code:

Could this be a CSS-conflict causing this?