problem with a "modal" on IE7
hi
i have a gallery that have a link for the bigger picture. that should open a window with the big picture or a swf.
it all works on IE8 FF safari and chrome, but on IE7 it just does not show at all.
this is my code:
-
the html:
<div id="modals">
<div id="bigpic" class="windowpic">
<a href="#" class="close"></a>
</div>
</div>
the jquery:
$('a[name=bigpic]').click(function(e) {
//Cancel the link behavior
e.preventDefault();
//alert(bigpic);
//set different z-index for the menu
$("#pictures img").hide();
$("#sitespictures img").hide();
$("#bannerspictures img").hide();
$('#next img').hide();
$('#prev img').hide();
$('#sitesnext img').hide();
$('#sitesprev img').hide();
$('#bannersnext img').hide();
$('#bannersprev img').hide();
//Get the A tag
var id = $(this).attr('href');
//Get the screen height and width
var maskHeight = $(document).height();
var maskWidth = $(window).width();
//Set height and width to mask to fill up the whole screen
//$('#bigpic').css({'z-index': 100000000});
$('#bigpicsmask').css({'width':maskWidth,'height':maskHeight});
//transition effect
$('#bigpicsmask').fadeIn(600);
$('#bigpicsmask').fadeTo("slow",0.8);
//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();
//Set the popup window to center
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);
//transition effect
$(id).fadeIn(200);
$(id).append('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="60%" height="90%" id="FlashID" title="swfs">' +
'<param name="movie" value="images/galleries/' + bigpic + '" />' +
'<param name="quality" value="high" />' +
'<param name="wmode" value="transparent" />' +
'<param name="swfversion" value="9.0.45.0" />' +
'<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you dont want users to see the prompt. -->' +
'<param name="expressinstall" value="Scripts/expressInstall.swf" />' +
'<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->' +
'<!--[if !IE]>-->' +
'<object type="application/x-shockwave-flash" data="images/galleries/' + bigpic +'" width="60%" height="90%">' +
'<!--<![endif]-->' +
'<param name="quality" value="high" />' +
'<param name="wmode" value="transparent" />' +
'<param name="swfversion" value="9.0.45.0" />' +
'<param name="expressinstall" value="Scripts/expressInstall.swf" />' +
'<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->' +
'<div>' +
'<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>' +
'<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>' +
'</div>' +
'<!--[if !IE]>-->' +
'</object>' +
'<!--<![endif]-->' +
'</object>' +
'<script type="text/javascript">' +
'<!--' +
'wfobject.registerObject("FlashID");' +
'//-->' +
'</script>' );
});
any idea?
best regards