troubleshooting Question

problem with a "modal" on IE7

Avatar of derrida
derrida asked on
jQuery
19 Comments1 Solution539 ViewsLast Modified:
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.

i attche to code.

best regards

ron
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>' );
	         		
	             });
ASKER CERTIFIED SOLUTION
Sammaye

Our community of experts have been thoroughly vetted for their expertise and industry experience.

Join our community to see this answer!
Unlock 1 Answer and 19 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 19 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros