Looking for a fullscreen jQuery slider for HTML content

Question

I know there are hundreds of jquery sliders out there, but that is what makes it difficult to find one for a specific situation.

I need one similar to Supersized but for HTML content, not only images. So what I need is:

• Optimized for full screen
• Support fot HTML content
• The slide animation in this example of Supersized

My plan is to use it with AJAX to load wordpress content, so if it has AJAX requests built in, even better.

Solution 1

I created Superslides (demo) for this purpose. It's designed to take any kind of content, and doesn't force a specific markup structure. I don't think you'll be able to append slides after it's been initialized though. However, you could load all the slides with AJAX, then initialize it.

Solution 2

Try these:

1. http://css-tricks.com/3412-anythingslider-jquery-plugin/

2. http://brenelz.com/blog/build-a-content-slider-with-jquery/

3. http://codecanyon.net/item/fss-full-screen-sliding-website-plugin/159103?ref=lydian&clickthrough_id=27905824&redirect_back=true

They are not exactly like Supersized but you can modify them.

Solution 3

http://nicinabox.github.com/superslides/

Comments

[m.edmondson]

Can you write a bit more about it?

[apaderno]

Answers with just a link are not considered answers, on Stack Exchange.

[cereallarceny]

Hell yes, this is an absolutely awesome plugin Nic. Great work!

[Zeeshan]

@nic-aitch : Does it work with AngularJS (precisely ng-repeat)? Sorry to bug you after couple of years, I have found Superslides quite useful, but I am unable to make it work with AngularJS unfortunately.

[Nic Aitch]

Sorry, it's been quite a while since I've touched it and I've only barely worked with Angular in production. Presumably you should be able to build the template with any lib and initialize superslides after.