After the Easy Tabs and color coding earlier this month, I am releasing today a new, beta version of the Image Rotator: http://www.pathtosharepoint.com/sharepoint-user-toolkit/Pages/Image-Rotator-Lite.aspx
Lite means that it is written in plain JavaScript and doesn’t require any external library like jQuery. The “heavy” version, written with jQuery, allows some additional transition effects.
A key feature of this image rotator is that it takes advantage of the specificities of SharePoint libraries: instead of full size pictures, you can choose to load thumbnails or Web optimized pictures, for better performance.
What’s new in v2?
The main difference with version 1 is that you can now choose the view the rotator pulls the images from. It means that if you apply rules to a view (filtering, sorting), the rotator will follow them. See the context help in the form for details on how to select the view.
You can also choose between random and sequential for the images order.
The new version adds alt text to the images, a usability feature that was missing in version 1.
I have also included in the form a basic debugging option. If your rotator doesn’t work, include the debugging option, and (hopefully) you’ll get an error message that will help you troubleshoot the issue.
Why a copyright?
By including a license, I explicitly grant you the right to use the script without having to ask me first.
Why beta?
The new version has several new options, and testing all the variations on various browsers is time consuming. A beta version allows me to accelerate the release process and benefit from your input.
In particular, I haven’t done much on the styles (e.g. how to position the description). Feedback, ideas and sample stylesheets are welcome!
To report an issue, leave a comment below, or send an e-mail to Christophe@PathToSharePoint.com.
I have tested the script in IE7, IE8, Firefox, Chrome and Safari.
Will it work in SharePoint 2010?
It’s too soon to tell for sure, but I expect the image rotator to work in SP 2010. A couple adjustments may be needed.
No documentation?
The page is still under construction, and I’ll add more information in the weeks to come. For information on the options, hover over the help icons on the form.
How to get the script?
Go to the Image Rotator page, fill out the form, and click on the “Save to Disk” button. Once you have your script, you can add it to a SharePoint page via a Content Editor Web Part (preferred solution: upload the text file containing the script to a SharePoint library, then link to it from the CEWP).
Notes:
– if you don’t have Flash 10 installed, you won’t see the “Save to Disk” button. In this case, just copy and paste the code displayed in the text area.
– this image rotator only works in authenticated environments. I’ll publish soon another script for anonymous users.
– the picture library needs to be on the same domain as your Web page. If the picture library is on www.domain1.com, you can display the Image Rotator on any page that belongs to www.domain1.com, but not on www.domain2.com for example.
– the view of your picture library needs to be a “view without folders”.
– keep in mind that this is a beta version, for evaluation purposes.
Path to SharePoint... and Beyond! 
Pingback: Linkliste zu SharePoint 2010 und MOSS 2007 – 2010/04/07 « Sharepoint Infoblog
If anyone comes up with a solution that makes the description column stack under the image, please share it here. Thank you.
This is a great solution. Quick question though. Is there anyway that the hyperlink to the picture can be directed to the view of the image where you see the image and also the metadata. Right now by default it just shows the image itself. Thanks again.
When someone clicks on the image and it opens it up full screen…can we have that open in another browser window? Or control that link to make it open the image in the library…so they’d see the meta data too?
Thanks!!
I keep getting the following error when trying to save the code to disk.
The URL of the view settings page is incorrect
I’ve created new views etc but nothing works??!?!
The URL I’m using is as follows:
http:///projects/projectsitea/Images1/Forms/test.aspx
Test is the name of my view.
Any ideas on what I’m doing wrong?
Sorry – the site seems to have condensed the URL:
the url i’m using is:
http://{my domain name}/projects/projectsitea/Images1/Forms/test.aspx
Sorry – was being a right ‘tool’.
got it working 😀
Even I am having the same error “The URL of the view settings page is incorrect”
How did you make yours work? Any help would be appreciated
Christophe,
Love the new toolkit.
One question on the image rotator – is there an easy way to get it to dislay the Description below the image – when I choose to have it shown it always run out of the bottom right corner of the image.
Thanks again for everything you provide to the user community!!
Bill, the rotator provides the structure: image and text field. You can then apply a stylesheet (css) to modify the rendering.
I cannot get the image rotator lite aspx page to open…
http://www.pathtosharepoint.com/sharepoint-user-toolkit/Pages/Image-Rotator-Lite.aspx
Is there a problem at the server or is it just me?
I’ve had problems with the site in the past two weeks, and I am working to move the toolkit to a new location. Sorry about that.
This URL is still active, if it doesn’t work try again later.
Christophe, how do you apply a CSS sheet to the Content Viewer Web part? Do you just paste the code inside the same Web part as the image rotator?
You can do that. See for example how it is done for the Easy Tabs v5.
Can you provide a link to this or be more specific? I’m having a hard time finding a solution for displaying the caption/description below the image.
Karl, are you asking about how to add the css, or how to write the css itself?
Here is for example a tutorial that explains how to add caption to an image:
http://web.enavu.com/tutorials/making-image-overlay-caption-using-css/
Thank you for the consistent quality and sharing one of your favorite post.