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:
Read the whole article here: http://sharepointbriefing.com/spcode/article.php/3861121/Create-an-Image-Rotator-in-SharePoint-Using-jQuery.htm
</end>
Follow me on Twitter at http://www.twitter.com/pagalvin
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
Christophe,
Thanks! That’s a great point and I appreciate the references.
The only problem is that that i have to add similar image name like cat can you provide with better soution