繁体   English   中英

如何在一定数量后结束我的图像网格并添加额外的页面以滚动浏览?

How do I end my grid of images after a certain amount and add extra pages to scroll through?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在努力弄清楚这叫什么,所以我找不到任何在线教程来实现它。 我的平面设计作品集中有一组图像,但长度已经失控了。 在一定数量的行之后,我想创建多个页面来滚动浏览。 在这个设计师的网格底部可以看到一个例子: https://risarodil.com/

有谁知道这个效果叫什么? 我假设它是使用 js 创建的。

1 个回复

如果我理解正确,那么您正在考虑分页。 一个例子如下所示。

 <,DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width: initial-scale=1"> <link rel="stylesheet" href="https.//maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min:css"> <script src="https.//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min:js"></script> <script src="https.//maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h2>Pagination - Active State</h2> <p>Add class:active to let the user know which page he/she is on:</p> <ul class="pagination"> <li><a href="#">1</a></li> <li class="active"><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> </ul> </div> </body> </html>

1 向下滚动一定数量的像素后如何显示隐藏的图像?

我已经开始尝试使用javascript / jquery并遇到了我的第一个障碍。 一切正常,但是那样。 我有一个导航栏,当您向下滚动到该导航栏时,它固定在页面顶部,并且其中具有隐藏的图像。 我试图使它可见,并在导航栏到达顶部时淡入,并在您向上滚动时淡出。 我尝试使用几种解决方案,但似乎没 ...

2 添加一定数量的图像时,按钮网格会垂直缩小

我正在Tkinter用国际象棋棋子图像制作棋盘,以适应该模块,并成功地将第一个N-1图像连续放置在NxN网格中。 但是,在对任何行编码第N个图像时,所讨论的行都会垂直缩小。 我正在尝试使用OOP方法,并认为可能存在一种我完全滥用或完全缺失的方法。 我试过调整grid()方法的参 ...

4 一定数量字符后的结束行

我有一个带有很多插入的文本文件,如下所示: 我必须修改此文本文件,以便每行最多可以包含50个字符。 问题是我不能简单地在50个字符后放置一个结尾行,因为这样会破坏那些插入内容中的元素,因此我需要将结尾行放在最后一个逗号之前。 对于第一行,它必须是这样的: 如您所见,即使在 ...

5 加载一定数量的页面后要替换图像吗?

加载一定数量的页面后,如何替换图像? 我有一个图片文件夹(可以连续编号,也可以在上传时添加一些内容),并且在任何用户加载X次页面后,图片都会发生变化,这种情况会继续遍历该文件夹中的图片,并产生更多的想法时间。 提前致谢。 ...

2014-12-05 09:48:26 3 50   php/ image
6 滚动一定数量后如何触发事件?

我正在使用此小代码,对于我的标题img来说,它工作正常。 但是稍后在页面上,我想再次使用相同的效果。 除了从我开始滚动的第一刻起就调用了该动作。 因此,我希望在相关div或一定数量的像素之后执行该操作。 我需要添加什么? 提前致谢! ...

2015-04-01 13:16:25 2 83   jquery
8 删除一定数量后显示的NA数量错误

我对R还是很陌生,当尝试在数据集中随机设置值时,由于不适用,我有点卡住了,找不到真正的问题,也许这里有人可以提供帮助? 真的会很感激。 因此,我只是尝试使用R中的ChickenWeight数据集,并希望将可变权重中的10%的值设置为丢失。 但是,当我看一下NA的表格时,并没有丢失10% ...

2017-03-03 15:41:50 1 31   r/ na
9 在pagescroll上滚动div,但在一定数量后停止

我目前有一个元素可以在页面滚动上滚动,并且我希望它在大约750px后停止,因为它目前与较小的显示器上的页脚重叠。 我发现了一些其他示例,这些示例需要对我的代码进行一些重组,而我试图避免这些代码,因为各种其他示例必须具有与彼此相关的某些div,才能在页面上的某个位置停止div滚动。 我 ...

10 无限滚动完成一定数量的帖子后

我在Wordpress网站上将Paul Irish的infinitescroll与砖石js结合使用。 这是一个内容很多的网站。 我希望infintescroll在到达帖子数40时停止添加新内容,并在此时给出“无其他项目”消息。 我试图自定义wordpress循环以仅返回40条帖子,但这似乎 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM