0

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

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

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

4

1 回答 1

0

如果您提供了一些代码，将会很有帮助。但是，从显示的文档中，您的图像集应该在单独的 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>
于 2012-06-03T04:23:24.073 回答