Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Flexslider strange quirck - need help please

I'm using Flexslider on my front-page.php and category.php.

For some reason on all my categories (archives) Flexslider is starting at the posts_per_page setting of 5 and then going in the correct order.

Below are a few links that demonstrate Flexslider first starting at element 5 and then displaying the correct order.

http://www.girlsgonesporty.com/articles/fitness/

http://www.girlsgonesporty.com/articles/interviews-and-profiles/

http://www.girlsgonesporty.com/articles/lifestyle/

I've set the posts_per_page to 5 in the $args array. The only way I've found to display the correct image is setting the posts_per_page to 1. It's not a slideshow any more but it does display the correct image first.

I have the Slideshow loop at the top and the category loop in the middle. The slideshow loop is set to 5 posts_per_page and the main loop is set to 15 posts_per_page.

I've tried deactivating all of my plugins but that didn't seem to change anything.

Any suggestions would be amazing!


UPDATE!!!

I solved half of the issue so far. Flexslider works properly when I use the default animation: "fade" but still starts on the last element before looping to the beginning when I use animation: "slide".

Is there a way to move past the last element in the Flexslider plugin when using animation: "slide" http://www.woothemes.com/flexslider/

Here's what I'm experiencing on Stack Overflow --- http://stackoverflow.com/questions/16608110/flexslider-animation-slide-animationloop-true-conflict

Thanks so much,

Lance Williams

1 Answer

Anton Gerischer
Anton Gerischer
18,809 Points

I do not now why. But adding a property startAt:1 fixed this everywhere for me thus:

$(".flexslider").flexslider({ animation: "slide", startAt:1 });