我在页面中使用Fancybox(称之为parent.html)来加载iframe(称之为child.html)。在child.html页面中,我正在使用JQzoom。我已经设置好并且很好,但我想知道是否有办法减少加载时间(或者加载时间是否最小?)。现在我在父页面和子页面中加载JQuery库,然后在子页面中加载JQZoom库。
我将有几个子页面,但只有一个父页面使用Fancybox加载子页面。有没有办法在子窗口中使用JQzoom而不加载JQuery库?更好的方法是将所有功能和JQzoom库加载到父页面中,然后从子页面访问这些函数/库文件。
现在,子页面具有以下代码和脚本来触发JQzoom:
...
<head>
...
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type='text/javascript' src='jqzoom/js/jquery.jqzoom-core.js'></script>
</head>
<body>
<a href="large.jpg" class="myID"><img src="small.jpg"></a>
...
<script>
$(document).ready(function(){
$('.myID').jqzoom({
//... zqzoom OPTIONS
});
});
</script>
...
我是一名设计师,所以如果您有任何建议,请像对待我的高薪程序一样对待我:)
谢谢!