Okay, maybe not the “Ultimate”, but still.. pretty cool.
Back in July of 2013 I created a script that allowed users to create a content slider using the jQuery library Unslider and SPServices.
This solution worked (works) fine, but I felt like it could use some revamping and enhancements. Aside from updating the code to use REST instead of SPServices I made the following improvements:
Based on a Promoted Links List
Instead of having to create a custom list with specific field names, the solution now works with a Promoted Links list. This allows users the ability to quickly create new lists for storing slide content without having to worry if they created the fields correctly. The only modification I would suggest for this list is to change the “Description” field to an “Enhanced Rich Text” field so that you can stylize the content in your slide
Works with View Names
One of the features I’m most excited about is the ability to specify a specific view name you want the slider to use. In the previous version the slider just returned all the items in the list or you had to know how to create a custom query to return the items you want. In the new version all you have to do is create a View that filters the items you want to appear in your slider and then pass the name of that View when you initialize the slider (the video below shows this in action).
Can Easily Apply Styles to Each Slide
In the old version of the solution, it was difficult to size the slides. The size was determined by the content in the slide. In the new version I’ve applied a style “PAITSlide” to each slide so that users can easily alter this class to do things like add borders or set the dimensions for all the slides.
Easily Take Advantage of other Unslider Features
Let’s face it, in my previous solution I kept users pretty locked down. If you wanted to take advantage of any of the other features Unslider had to offer you had to be able to edit the code and know what you were doing. In this version I’ve exposed some of Unslider’s features and made the easy for the user to use. Now users can easily specify if they want to show the arrows or not, change the animation from horizontal to vertical, or modify other features.
All in all I think it’s a nice improvement over the previous version. If you want to find the code for the solution I placed it in github at http://github.com/mrackley/PAITSlider
And as always, the video below walks you through using the script.
That’s pretty much all there is to it! Hope you found it useful, thanks again for stopping by!