如何仅在每次单击可滚动(jquery工具）中的导航按钮时加载图像，而不是一次加载所有图像

How do you load images only every time you click the navigation buttons in scrollable (jquery tools) instead of all images at once?

本文关键字：图像 加载 一次 按钮 单击 何仅 滚动 工具 jquery 导航      更新时间：2023-09-26

我在这里遵循这个简单的演示教程：http://jquerytools.org/demos/scrollable/index.html

基本上，我正在按照上面的教程进行操作。该演示的问题在于它一次加载所有图像，极大地影响了性能。我希望它仅在您每次单击箭头时加载一组图像。所以基本上，一旦你进入页面，它会首先加载第一组图像。然后，单击其中一个箭头后，它将加载下一组图像。这样页面的加载时间就会短得多。无论如何都可以用ajax或jQuery加载来做到这一点吗？我希望它类似于下面的链接，但使用 jquery 工具可滚动插件：

http://sorgalla.com/projects/jcarousel/examples/dynamic_ajax_php.html

如果您提供一些代码，将会很有帮助。但是，从显示的文档来看，您的图像集应该位于单独的div 中以实现您想要的

//one set
<div>
      <img src="http://farm1.static.flickr.com/163/399223609_db47d35b7c_t.jpg" />
      <img src="http://farm1.static.flickr.com/135/321464104_c010dbf34c_t.jpg" />
      <img src="http://farm1.static.flickr.com/40/117346184_9760f3aabc_t.jpg" />
      <img src="http://farm1.static.flickr.com/153/399232237_6928a527c1_t.jpg" />
    </div>
///Next set, revealed on click
<div>
      <img src="http://farm1.static.flickr.com/163/399223609_db47d35b7c_t.jpg" />
      <img src="http://farm1.static.flickr.com/135/321464104_c010dbf34c_t.jpg" />
      <img src="http://farm1.static.flickr.com/40/117346184_9760f3aabc_t.jpg" />
      <img src="http://farm1.static.flickr.com/153/399232237_6928a527c1_t.jpg" />
    </div>
相关文章：