Create an Image Rotator in SharePoint Using jQuery

A while ago, I wrote an article for SharePoint Briefing (www.sharepointbriefing.com) that describes how to create an image rotator in SharePoint. Here’s a teaser:

image

Read the whole article here: http://sharepointbriefing.com/spcode/article.php/3861121/Create-an-Image-Rotator-in-SharePoint-Using-jQuery.htm

</end>

Subscribe to my blog.

Follow me on Twitter at http://www.twitter.com/pagalvin

3 thoughts on “Create an Image Rotator in SharePoint Using jQuery

  1. Christophe

    Paul,

    Now that you’ve migrated your blog, I finally get a chance to comment on this post 😉

    jQuery is so easy that it is tempting to overuse it, and it is the case in your post. I read:
    $(“#CatImage”).attr(“src”,”/jQuery/Cat%20Pictures/cat0″ + i + “.jpg”);
    “That one line represents dozens of painstaking plain-old JavaScript code lines”

    Actually, here is the equivalent in plain JavaScript:
    document.getElementById(“CatImage”).src=”/jQuery/Cat%20Pictures/cat0″ + i + “.jpg”;

    Yes, one line too, and no dependency on an external library.

    Note that I use jQuery myself to build image rotators, but for different reasons:
    – the ability to pull a list of image URLs using cross-browser AJAX
    – transition effects between images

    As a reference:
    – a demo of jQuery rotators:
    http://www.pathtosharepoint.com/Pages/Animations.aspx
    – my plain JavaScript rotator builder:
    http://www.pathtosharepoint.com/sharepoint-user-toolkit/Pages/Image-Rotator-Lite.aspx

    Reply
  2. Zaheer

    The only problem is that that i have to add similar image name like cat can you provide with better soution

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *