I'm a new user of MVC 3 and this fancybox gives me headache.. During testing in my local computer, it runs well in firefox, chrome and IE even. But after I published it to our test server, it got an error in IE that states : User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB7.0; BTRS102579; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET CLR 2.0.50727; .NET4.0C; .NET4.0E)
Message: Object expected
Line: 1
Char: 1
Code: 0
URI: http://ptywebsite-dev/Scripts/admin.js
Message: Not implemented
Line: 146
Char: 427
Code: 0
URI: http://ptywebsite-dev/Scripts/jquery-1.4.4.min.js
I used IE8, jquery.fancybox-1.2.1.js and jquery-1.4.4.min.js.
And below is my script:
<script type="text/javascript">
$(document).ready(function () {
/* This is basic - uses default settings */
$(".single_image").fancybox({
'padding': 0,
'type': 'iframe',
'frameHeight': 279,
'centerOnScroll': true,
'onComplete': function () {
$("#fancybox-frame").load(function () { //wait for frame to load and get its height
$("#fancybox-content").height($(this).contents().find('body').height() + 30)
});
}
});
/* Using custom settings */
$("a#inline").fancybox({ 'hideOnContentClick': true });
$("a.group").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'overlayShow': false });
});
</script>
Can anyone tell me what I did wrong?