2014-09-24 74 views
0

我需要从一个特定的文件夹加载所有图像的显示他们以随机顺序把他们一个一个后一个简单的页面,让“无限”垂直滚动页面:)无限滚动随机形象画册

喜欢的东西茉莉。 com

谢谢! :)

回答

0

有一个名为infinite-scroll的jQuery插件,可以完成大部分已描述的功能。其方法允许您决定何时将更多内容加载到您的页面,您想要加载的内容以及位置。我相信它的核心功能是$('.selector').infinitescroll('scroll');

EDIT
如果此解决方案过于复杂,对计算器herehere一个简单的滚动检测的例子。

+0

谢谢!去试试吧!你认为它可以自动调整图像大小吗? – ScrollerS 2014-09-24 22:15:38

+0

你必须指定你想要加载的内容。我建议阅读我在答案中提供的链接上的文档。然后你可以决定它是否是你可以使用的东西。 – Frumples 2014-09-24 22:25:34

+0

为什么我什么都看不到?http://rfactorstreetcarstracks.altervista.org/scroller.htm – ScrollerS 2014-09-24 22:36:49

-1

首先,我上传的所有内容压缩到我的ftp :)

我加入

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
<script type="text/javascript" src="http://rfactorstreetcarstracks.altervista.org/jquery.infinitescroll.js"></script> 


<script type="text/javascript"> 

$后infinitescroll({ 装载( '选择'):{ 完成:不确定, finishedMsg: “恭喜你,你已经达到了互联网的结束”, IMG:空, 消息:空, MSGTEXT:“加载下一个SE帖子...”, 选择的T:空, 速度: '快', 开始:未定义 }, 状态:{ isDuringAjax:假的, isInvalidPage:假的, isDestroyed:假的, isDone:假,//当它一直穿过档案时。 isPaused得到:假, currPage:1 }, 行为:未定义, 粘合剂:$(窗口),//用于缓存选择器,用于将被滚动 nextSelector元素: “div.navigation一个:第一” , navSelector: “div.navigation”, contentSelector:空,//重命名为pageFragment extraScrollPx:150, itemSelector: “div.post”, 有生:假, pathParse:未定义, 数据类型: 'HTML' , appendCallback:true, bufferPx:40, errorCallback:function(){}, infid:0,//实例ID pixelsFromNavToBottom:undefined, path:“/”,//可以是URL部分数组(例如, [/ page /“,”/“])或者一个接受页码的函数并返回一个URL maxPage:undefined //手动控制最大页面(当maxPage未定义时,最大页面限制不起作用) } );

完成.... umh :)