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:
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
Post a Comment