I have a jQuery image gallery script that works fine on all browsers except in Internet Explorer. I get the error
Object doesn't support this property or method.
I looked this up, and it seems this is normally caused by variables and code elements with the same name. I don't see any overlap in my code though. The error says it is located in this code:
// Append new picture
jQuery('<img />')
.attr('src', p)
.attr('id', pid)
.css({
position: 'absolute',
top: 0,
left: 0,
opacity: 0.0
})
.bind('click.gallery', function (event) {
options.onClick.apply(this, [event, pict.get()]);
})
.appendTo('#' + id)
.animate({opacity: 1.0}, {
queue: false,
duration: duration,
easing: 'linear'
})
.load(function () {
pict.data('loaded', true);
});