jquery - Pop-up not showing in IE (with magnific-popup) -


i'm trying implement magnific popup on website. works on ie10, firefox end on ipad. reason images not showing in ie8 in popup mode. (i have not checked in ie9). shows white screen. issue? here link: http://www.fietseling.org/media/routes2013/index.html

this code: magnific popup

<!-- magnific popup core css file --> <link rel="stylesheet" href="http://www.fietseling.org/templates/nuni_fietseling/css/magnific-popup.css">   <!-- jquery 1.7.2+ or zepto.js 1.0+ --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>  <!-- magnific popup core js file --> <script type="text/javascript" src="http://www.fietseling.org/templates/nuni_fietseling/js/jquery.magnific-popup.js"></script>  </head> <body> <div class="window-content">  <img src="fotos/routekaart2013fotos_groot2.jpg" width="3000" height="1809" border="0" usemap="#map"/> <map name="map">   <area shape="rect" coords="420,25,570,75" alt="fietseling" href="http://www.fietseling.org/routes/algemene-routekaart">   <area shape="rect" coords="1320,490,1350,515" alt="fietseling" class="test-popup-link" href="fotos/hers01_miemaan.jpg"> </map> </div> <script> $(document).ready(function() {   $('.test-popup-link').magnificpopup({type:'image'}); }); </script> </body> </html> 

many thanks

i think got problem.

when checked developer tool, found webpage using

document mode ie5 quirks

screenshot:

enter image description here

to fix use x-ua-compatible

!--  force ie use latest version of rendering engine -->   <meta http-equiv="x-ua-compatible" content="ie=edge"> 

within head tag.

hope understand :)


Comments

Popular posts from this blog

curl - PHP fsockopen help required -

HTTP/1.0 407 Proxy Authentication Required PHP -

c# - Resource not found error -