strange slide show in Internet Explorer

[ike68]

I use Slideshow plugin on my pages. In Joomla 1.5.23 with Internet Explorer 9 shows Slideshow Plugin very strange sliding. There is not smooth slide. In other browser is everything OK. Has anybody any idea what is the reason? Thanks.

[Jan]

Hi, can I see the site where this occurs?

[ike68]

Hi, you can see it for example here: http://atevet.cbam.cz/

[Jan]

Hi, I see, it is really hard to make something to work in IE, you never know, what the next version of IE will be able to do and what not.

I have tested the javascript slideshow in Joomla! 1.6 where it works ok in IE9 (but it is upgraded version of this slideshow), so there can be two problems:

- can be in conflict with other javascript - e.g. with old mootools
- or the specific javascript problem

but cannot give no more advices, as really don't know there

The problem is, the new version is working on jquery, which cannot be used on 1.5 as there the obsolete version of mootools is used and in case you will use notconflict method, the jquery is still in conflict with some parts of mootools (e.g. with modal box)

[ike68]

Thank you for your answer. And thank you for your great job (Phoca).

[chov]

Hi Jan,
I had the same problem as Ike68 and seached about it.
It seems the problem is a timing problem. So I edited phocagalleryslideshow.js to add a 150mS delay at the end of fadeshow.prototype.rotateimage function:

Code: Select all

fadeshow.prototype.rotateimage=function(){
if (this.pausecheck==1) /*if pause onMouseover enabled, cache object*/
var cacheobj=this
if (this.mouseovercheck==1)
setTimeout(function(){cacheobj.rotateimage()}, 100)
else if (iebrowser&&dom||dom){
this.resetit()
var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
crossobj.style.zIndex++
fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
}
else{
var ns4imgobj=document.images['defaultslide'+this.slideshowid]
ns4imgobj.src=this.postimages[this.curimageindex].src
}
this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
wait(150)// correct ie9 bug
}

and I added obviously the wait function:

Code: Select all

 function wait(msecs)
{
var start = new Date().getTime();
var cur = start
while(cur - start < msecs)
{
cur = new Date().getTime();
}	
} 

And it works under IE9...
I hope it can help someone.
Christian.
PS: Thanks for your geat job.

[chov]

Just a precision:
I did my test in local but when I tryed it on the real website, the problem was there again.
Solution: I changed "wait(150);" by "wait(300);" and it works now on the real site.

[Jan]

Hi, thank you for this guide.

Jan

[ike68]

It worked with this version (1.5). But after upgrade (1.7) it is the same problem. And I couldn't find phocagalleryslideshow.js to repair it.

[Jan]

Hi, see:

components/com_phocagallery/assets/fadeslideshow/fadeslideshow.js

Jan