Hi there,
We purchased the Rotator module today, and have implemented it in our site here: http://www.ibsa.org.au/rotator-test.aspx
In Firefox (3.5) and Chrome (2), the site renders as expected - and on the whole behaves very nicely.
However, in IE7 and IE8, we are seeing an issue which appears to be JQuery-related. The main issue is that the content appears with a white background upon the first transition - beforehand it doesn't.
We tried setting the background-color property to transparent of every element in the hierarchy, but no luck.
...
Since starting this post - I've done some research into JQuery issues and found this post: http://www.mail-archive.com/jquery-en@googlegroups.com/msg71747.html
It appears that issues occur when ClearType is turned on, so you need to set the following attribute of the JQuery cycle.
cleartypeNoBg: true
Now because the Engage Rotator emits the javascript, we had to hack it a little. We changed rotator.ascx, adding the following statement in bold to append the attribute:
<script type="text/javascript">
jQuery(function() {
jQuery('#<%=this.RotatorContainer.ClientID %> .rotate-wrap').cycle(<%= this.CycleOptions.Serialize().Replace("}", ", \"cleartypeNoBg\":true}") %>);
});
</script>
It now works!
Engage, if this is something you can fix in future versions, that would be great. Even better - make it a configurable option!
Thanks,
Dan