Comments on: Images slideshow in SharePoint 2007 using jQuery

By: Slideshows Should Be Easy Right?!!!

Slideshows Should Be Easy Right?!!! — Sun, 08 Aug 2010 08:45:30 +0000

[...] many options but nothing that did exactly what I wanted. I then managed to find this site…. Images Slideshow in SharePoint 2007 using JQuery – I managed to negotiate around the site only thanks to my brilliant husband @AshleyAngell [...]

By: Josh D

Josh D — Mon, 02 Aug 2010 15:53:02 +0000

Waldek: This was a great help; thank you for taking the time to do it.

For others with broken image links/the "Red X": I was able to get rid of it by changing the view the script uses (specifically, dropping the Preview column).

By: Darren

Darren — Tue, 13 Jul 2010 16:28:27 +0000

Hmmmm….I struggling with the correct syntax. Sorry about this….I'm new to jQuery. I have two questions:

1) Where specifically do I find the webpart name? Do you have an example name which might help clue me in?

2) What is the correct syntax for modifying line 44? Is the following correct?

var images = $("table.MyWebPartName.ms-summarystandardbody td.ms-vb2 a");

By: Waldek Mastykarz

Waldek Mastykarz — Tue, 13 Jul 2010 05:56:05 +0000

@Darren: line 44 describes the place where the slideshow is being displayed. Images are being picked up in line 30. All you need to do to get this working, is to ensure that both CSS selectors match elements on your page.
As I had only one ListViewWebPart on the page, I could retrieve the images using a simple selector such as the one in line 30. Depending on your Master Page and other elements on the page, you might need to tweak this selector to get it working for your scenario.

By: Darren

Darren — Tue, 13 Jul 2010 04:39:44 +0000

This code is fantastic. I got it to work when I created a new web part page, however I'm having difficulty adding this to a page where I heavily modified the Master Template Page. When I drop in the source code you provided, both webparts remain static on the page. I'm wondering if I need to point to the list name (line 44) in your code. However I'm not clear on the webpart name, nor where to find it. I was a little confused by Lezlie post on Feb 26, 2010 where she explains this. Thanks in advance for any help you can provide.

By: Michael Brik

Michael Brik — Tue, 29 Jun 2010 07:01:23 +0000

Great,
Gets the job done much better than many commercial web parts!
Tnx!
Michael

By: Waldek Mastykarz

Waldek Mastykarz — Fri, 04 Jun 2010 07:02:55 +0000

@bporter: the performance issues you're experience have to do with jQuery implementation. As you have noticed IE8 has a poor JS implementation when it comes to dynamic transformation. I'm not sure you can do a lot to improve it.

By: bporter

bporter — Thu, 03 Jun 2010 21:25:03 +0000

Hi Waldek, thanks so much for the post!!

I am using Internet Explorer 8, and each time one picture fades away and the next one is displayed, the iexplore.exe process jumps to around 90% CPU usage.

It appears that the CPU usage is at it's peak when the picture is fading. So, I changed my duration and delay as follows:

this.duration = 15000;
this.delay = 300;

Do you recommend any other changes to help with the CPU consumption?

Thanks again!

By: Waldek Mastykarz

Waldek Mastykarz — Thu, 20 May 2010 06:11:34 +0000

@Binu Raj: that's the whole trick with JavaScript: it's being applied *after* the page has been loaded. If that behavior isn't what you want you would have to develop a custom Web Part that would do the rendering on the server and provide you with the correct HTML.

By: Waldek Mastykarz

Waldek Mastykarz — Thu, 20 May 2010 06:10:18 +0000

@Palani: you would have to tweak the jQuery selector so that it picks up only the images from the specific List View Web Part.