I’m very excited to be one of nine great authors contributing to a new book on jQuery, JavaScript, and the SharePoint interface (we haven’t chosen a title for the book yet).  The idea is that these solutions should be so simple to implement that even your dog could do it.

OK, maybe not quite that easy.  But most of the solutions will be targeted towards site owners who have no advanced coding knowledge or access to Visual Studio.  If you have the proper permissions on a SharePoint site, you should be able to implement these solutions directly through the user interface.

The book is going to be self-published, meaning that we will not be going through a traditional publisher.  This has some advantages, however what we’ll be lacking are technical reviewers to test and review the solutions.  This is where the great SharePoint community comes in!  We are asking for volunteer public reviewers for each chapter.

Mark Miller of NothingButSharePoint.com is leading the charge and the nine authors who are contributing to this book are:

  •  Marc Anderson
  • Chris Beckett
  • Dave Coleman
  • Josh McCarty
  • Wendy Neal
  • Eric Overfield
  • Peter Serzo
  • Paul Tavares
  • Ben Tedder

My chapter abstract is listed below.  If you’d like to sign up to review my or any of the other authors’ chapters, go to our EventBrite page.  All other authors’ abstracts are listed on the EventBrite page as well.

——————————

Build a Content Slider Web Part: Dynamic Display of Pictures and Text

Take your SharePoint site from boring to awesome!  SharePoint has web parts for displaying data from lists and libraries such as the content query web part; however that can be static and dull.  To draw attention to your content you need something a little more exciting and eye-catching.  This is where a content slider web part can help.

You’ve seen them on all the popular blogs and websites – those fancy sliders that shuffle content or images in a slideshow format for visual effect.  This solution will demonstrate two different variations of a content slider web part that utilizes data from a SharePoint list using the AnythingSlider jQuery plugin and SPServices.

The first example is a slider that pulls data from a standard SharePoint announcements list.  This could be useful for a company online bulletin board.  The slider will display the announcement title, body, category, and author of those items that have not yet expired.  Clicking on the title in the slider will open up that announcement’s standard SharePoint view form so that you can see more details.

The second slider example rotates banners stored in an image library with a text overlay and a fade transition effect.  This would be great for an Intranet or team site home page to highlight special news items, blog posts, or any other content you wish to showcase.

Both of these solutions use the AnythingSlider jQuery plugin to render the slider and transition effects.  I chose AnythingSlider because of its flexibility and ease of use.  You can literally display any kind of content, including images, html, even videos.  The data displayed by the slider in both examples is retrieved using SPServices and the appropriate CAML query.

Possible Extensions:

  1. Explore some of the different AnythingSlider configuration options, such as auto play settings, delay time, button themes, navigation formatting, etc.
  2. Add additional cool features such as thumbnail navigation links and a lightbox popup to the image slider.
  3. Additional considerations can also be explored for SharePoint 2013; namely a different way of accessing the data using the REST API instead of SPServices
(Visited 68 time, 1 visit today)