Page 1 of 1
strange slide show in Internet Explorer
Posted: 13 Jun 2011, 00:36
by 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.
Re: strange slide show in Internet Explorer
Posted: 15 Jun 2011, 14:51
by Jan
Hi, can I see the site where this occurs?
Re: strange slide show in Internet Explorer
Posted: 15 Jun 2011, 18:29
by ike68
Hi, you can see it for example here:
http://atevet.cbam.cz/
Re: strange slide show in Internet Explorer
Posted: 16 Jun 2011, 00:44
by 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)
Re: strange slide show in Internet Explorer
Posted: 16 Jun 2011, 07:28
by ike68
Thank you for your answer. And thank you for your great job (Phoca).
Re: strange slide show in Internet Explorer
Posted: 11 Oct 2011, 13:41
by 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.
Re: strange slide show in Internet Explorer
Posted: 11 Oct 2011, 17:59
by 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.
Re: strange slide show in Internet Explorer
Posted: 12 Oct 2011, 21:45
by Jan
Hi, thank you for this guide.
Jan
Re: strange slide show in Internet Explorer
Posted: 07 Dec 2011, 17:55
by 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.
Re: strange slide show in Internet Explorer
Posted: 08 Dec 2011, 18:17
by Jan
Hi, see:
components/com_phocagallery/assets/fadeslideshow/fadeslideshow.js
Jan