Image shown in the tiles should be made dynamic.

Feb 26, 2013 at 9:01 AM
Hi Roger,

Thanks for this wonderful pivotviewer code. We are integrating this pivot viewer into SharePoint 2013. We fetch all the information dynamically from a SharePoint List. We were able to make those changes and the pivot viewer is working but the problem is that in IE browser the photos are flickering.

Could you please help us on this.

Regards,
Sairam
Coordinator
Feb 27, 2013 at 4:41 AM
Hi Sairam,
It's hard to tell what the issue could be. Are you getting the images from a SharePoint list or generating them some other way?
Have you see the same flickering with the sample collection?

Thanks
Roger
Feb 27, 2013 at 6:12 AM
Hi Roger,

Thanks for your response.....

The sample collection is working alright in IE...

This following is our Scenario
We have a custom SharePoint list which stores users influence inside a company. In the list we have a user name along with his image. We then uses this list to generate the CXML for the list. This CXML is given as input to the pivot viewer. The image url is stores inside a facet tag which has a value of "ProfileImage" for name attribute. We tried to load the images using "LoadImages" method under pivotviewer.js. It didnt work out for us. Then we went into the DrawEmpty method and did a for loop for the facetvalue to get the source url of the image and we assigned that to a Image element and we drawn the image. This method is working in all browsers, but in IE it is flickering. The most interesting fact is that if we use only one image then it is not flickering...

Regards,
Sairam
Coordinator
Feb 27, 2013 at 6:21 AM
Are you looping and creating an image element every time the DrawEmpty method is called?
I found that creating an array to cache Images once they have been downloaded is a much more efficient way instead of doing all that work for each animation cycle.

Hope that helps.
Feb 27, 2013 at 8:54 AM
Yes, we are looping and creating the image elements.

Ok will try to replicate your method.