在Fancybox iFrame中使用JQZoom而不加载jquery_Jquery_Fancybox_Parent Child_Javascript_Jqzoom

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

jquery javascript

在Fancybox iFrame中使用JQZoom而不加载jquery,jquery,fancybox,parent-child,javascript,jqzoom,Jquery,Fancybox,Parent Child,Javascript,Jqzoom,我在页面中使用Fancybox（称之为parent.html）加载iframe（称之为child.html）。在child.html页面中，我使用了JQzoom。我已经准备好了一切，可以开始了，但是我想知道是否有办法减少加载时间（或者加载时间会很短？）。现在，我在父页面和子页面中加载JQuery库，然后在子页面中加载JQZoom库我将有几个子页面，但只有一个父页面使用Fancybox加载子页面。有没有办法在不加载JQuery库的情况下在子窗口中使用JQzoom？更好的做法是将所有内容（包括所有

我在页面中使用Fancybox（称之为parent.html）加载iframe（称之为child.html）。在child.html页面中，我使用了JQzoom。我已经准备好了一切，可以开始了，但是我想知道是否有办法减少加载时间（或者加载时间会很短？）。现在，我在父页面和子页面中加载JQuery库，然后在子页面中加载JQZoom库

我将有几个子页面，但只有一个父页面使用Fancybox加载子页面。有没有办法在不加载JQuery库的情况下在子窗口中使用JQzoom？更好的做法是将所有内容（包括所有函数和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> 
...

。。。
...
...
$（文档）.ready（函数（）{
$（'.myID'）.jqzoom({
//…zqzoom选项
});  
});
...

我是一名设计师，所以如果你有任何建议，请像对待我一样对待我：）

谢谢

如果它是同一个文件，来自同一个位置，它将被缓存。加载时间将是最短的。您好，ahren，因此在Fancybox中打开的第一个iframe窗口可能需要更长的时间，但其余的不会，因为库是缓存的？如果库在父窗口中可用，它们将从父窗口中缓存（或者可能在此之前，因为您使用的是CDN）。因此fancybox只需要加载child.html的内容，JS文件将来自缓存。