Sharepoint 2010 jquery image slider - Simple jQuery Content Slider for SharePoint 2007/2010/2013 and O365

14th of October 2013 10

Simple jQuery Content Slider for SharePoint 2007/2010/2013 and O365

In this video I show you how to use the script from my blog to get a jQuery Content Slider working SharePoint that pulls slide content from a SharePoint list…
Video Rating: 5 / 5

Share it!

Was it good for you to?


Support for the site!

No sponsors at the moment.

10 great comment(s) for this post

  1. Muzaffar Sadiq 6:11 am 14/10 of 2013

    Never mind. I got slider.js from the given link above.

    It works as charm. Thank you so much.

  2. Muzaffar Sadiq 6:32 am 14/10 of 2013

    Hey Mark, I couldn’t find slider.js in your site. Please provide the address to download it.

  3. MrThisIsUTube 7:22 am 14/10 of 2013

    Mark. Thanks for the awesome vid!!! I am going to look like a complete moron here, but may I ask how you got that slider item to appear as a list in your Sites section?

  4. Homer G 8:07 am 14/10 of 2013

    Great! It is working now the blank lines in the content field.

    Thank you very much! Congrats for the video

  5. Mark Rackley 8:25 am 14/10 of 2013

    If all you are seeing is a little sliver this generally means that you did not put any actual “content” in your slide. It is the content in the slide that defines the slides height, NOT the image.. the image is just a background image. If you are just wanting to create a slide with an image in it, then you should insert the image in the content field in insert several blank lines into your content field.

    Good luck!

  6. Homer G 8:42 am 14/10 of 2013

    Hey Mark, I don´t know why but the webpart of the slider shows only a little line of the slider, its like a mini slider showing the upper part of the banner.

    Do you know why is this happening?
    Thank you!

  7. Ben Mareano 9:08 am 14/10 of 2013

    Hi Mark,
    I tried to implement the previous/next links you mentioned in site to my SP 2013 page but wasn’t successful. I added the html & javascript code to slider.js & it didn’t work. I also tried using another content editor web part for the prev/next links but that didn’t work either. any idea what i’m missing here.

  8. Brandon Richter 9:35 am 14/10 of 2013

    Thanks a lot.

  9. Mark Rackley 10:10 am 14/10 of 2013

    I’m still waiting for the blog to get published to the correct site, until that occurs you can grab the slider.js script from the preview site. I put the url to the preview site in the video description.


  10. Brandon Richter 10:51 am 14/10 of 2013

    You mentioned the “silder.js” file. Is this located on your site or the unslider site?


Your opinion matters. Add it below.

Tip: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Recent comments


Copyright since 2010. All rights reserved. Design and the Absolute Theme by Tommie Hansen.