我基于fancybox v2.1.5创建了源代码,它显示了pdf文件和图像文件,如灯箱视图。
适用于Chrome(版本39.0.2171.65 m),但不适用于Firefox(版本33.1.1)。在Firefox上,单击pdf链接时,浏览器开始下载该文件。关于图像文件,该代码适用于Firefox和Chrome。
源代码如下。
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css"/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script src="js/fancybox/jquery.fancybox.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function($){
$('a[href$=\".jpg\"] , a[href$=\".gif\"] , a[href$=\".png\"], .fancybox').fancybox();
$('a[href$=\".pdf\"]').fancybox({
autoSize: true,
type:'iframe',
iframe: {
preload: false
}
});
});
</script>
<a href=http://sample/publication/test.pdf>link</a>
我该如何解决?