Well, I take it you mean IE Mac. That browser is way out of date and I have no way of testing on it currently. Your page 'as is' works in FF, Opera and IE 7. It works in NS 7 if you refresh the page. This means that if you remove:
Code:
Event.observe(window, 'load', initLightbox, false);
from the end of lightbox.js and insert this:
Code:
cbelt.prototype.fillup=function(){
var cacheobj=this;
this.timgs=document.getElementById('temp'+this.slid).getElementsByTagName('img')
for (var i_tem = 0; i_tem < this.timgs.length; i_tem++)
if(typeof this.timgs[i_tem].complete=='boolean'&&!this.timgs[i_tem].complete){
setTimeout(function(){cacheobj.fillup();}, 300);
return;
}
this.cross_slide=document.getElementById("test2"+this.slid);
this.cross_slide2=document.getElementById("test3"+this.slid);
this.cross_slide.innerHTML=this.cross_slide2.innerHTML=this.slide;
this.actualwidth=document.getElementById("temp"+this.slid).offsetWidth;
this.cross_slide2.style.left=this.actualwidth+this.sgap+"px"
initLightbox();
this.lefttime=setInterval(function(){cacheobj.slideleft();}, 30);
}
In the cbelt script, NS 7 will work and this shouldn't effect the othe browsers.
Now, if the original conveyor worked OK in IE Mac and others and the lightbox script worked in IE Mac when used by itself. This means that you could use the original conveyor, make the change as noted in lightbox.js and add this to the original conveyor script:
Code:
function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
initLightbox();
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup
Assuming that onload timing/conflicts were the only problems to begin with. But, if lightbox didn't work in IE Mac by itself, or if the original conveyor didn't work in IE Mac by itself, this won't help IE Mac.
Notes: On larger screens your conveyor images behave oddly in all browsers. This may be due to your heavy reliance on positioning in your overall layout, and/or an insufficient number of images to fill a larger width screen. Setting a width for conveyor that is less than the total length of the image train could help this.
Integrating Slimbox (or Lightbox) with Conveyor Belt
Bookmarks