I'm having a bit of an issue with images and text overlapping in IE (works fine in other browsers) when using this plugin. It doesn't always happen maybe 1/5 page loads this will occur. You can see how it looks here: http://screencast.com/t/grzRP19z7
$mt("img.lazy").lazy({
bind: 'event',
effect: "fadeIn",
effectTime: 800,
threshold: 50,
});
$mt("img.lazy").lazy({
bind: 'event',
effect: "fadeIn",
effectTime: 0,
threshold: 0,
});
var configuration =
{
// general
bind : "load",
threshold : 500,
fallbackHeight : 2000,
visibleOnly : true,
appendScroll : window,
// delay
delay : -1,
combined : false,
// attribute
attribute : "data-src",
retina : "data-srcX2",
removeAttribute : true,
// effect
effect : "show",
effectTime : 0,
// throttle
enableThrottle : false,
throttle : 250,
// callback
beforeLoad : null,
onLoad : null,
afterLoad : null,
onError : null
};
Is there any thing I should try changing to remedy this? I'm not very skilled with jquery, but I tried playing around with it to no avail. Thanks in advance.