在Fancybox iFrame中使用JQZoom而不加载jquery

时间:2012-08-08 23:48:44

标签: jquery fancybox parent-child javascript jqzoom

我在页面中使用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> 
...

我是一名设计师,所以如果您有任何建议,请像对待我的高薪程序一样对待我:)

谢谢!

0 个答案:

没有答案