欢迎大家来看我的摄影作品网站

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐书目

› 高性能网站建设进阶指南

› High Performance Web Sites

› Google Hacks: Tips & Tools for Finding and Using the World's Information

关于 Google SEO 最好的一本书

这是一个创建于 1425 天前的主题，其中的信息可能已经有所发展或是发生改变。

网站地址 keiwo.ltd

我是一名风光摄影小白。作品是自己的，网站是生搬硬套抄来的，托管在腾讯轻量应用服务器上，喜欢压测的老哥就放过我吧。

想问一下，在不改变网站样式的前提下（随便改一下 index 就全乱了，我也不懂），即瀑布流，怎么实现从上到下懒加载（等以后图片多了）。我自己在 index 里放了别人的懒加载代码，看起来没什么用，直接去掉图片又就加载不出来了，这是个历史遗留问题，悲伤。

大家有没有别的合适的免费模板可以分享一下，或者指条明路解决这个问题。请广大热心 v2er 不吝赐教。

第 1 条附言 · 2021-01-02 20:25:32 +08:00

折腾一下午，又没成功😭

懒加载

index

指条明路

网站

42 条回复 • 2021-01-04 11:35:57 +08:00

ByteCat

2021-01-02 15:46:15 +08:00

不错，速度挺快的，支持～

hutng

2021-01-02 16:25:10 +08:00

照片拍的挺好

imgbed

2021-01-02 16:27:56 +08:00 via Android

点击图片预览要是能全屏就最好了

hertzry

2021-01-02 16:36:34 +08:00

@ByteCat
@hutng
谢谢~

@imgbed 主要是我也不会这东西啊

leafre

2021-01-02 16:41:22 +08:00

什么设备拍的

hertzry

2021-01-02 16:43:25 +08:00

@leafre 索尼 A6000+E18-135

hertzry

2021-01-02 16:54:42 +08:00

@takitooru 您好，请问吾爱里的 Takitooru 是您吗，我想向您求教瀑布流和懒加载的问题，即“下载:http 。s://takitooru.lanzous.com/ibkfc6j 密码:g0o3”，（抱歉这个账号无法回复链接）如何修改为按顺序有限加载，而不是无限重复加载呢？

jellybool

2021-01-02 20:48:16 +08:00

域名劝退

mwVYYA6

2021-01-02 21:10:34 +08:00

这俩张很魔幻，我喜欢
https://keiwo.ltd/img/portfolio/20-large.jpg
https://keiwo.ltd/img/portfolio/10-large.jpg

takitooru

2021-01-02 21:14:44 +08:00 via Android

@hertzry 不好意思，我没有吾爱里账号也不懂这两个问题。

jaTomn

2021-01-02 21:18:23 +08:00

真漂亮

maypu

2021-01-02 22:29:47 +08:00 via Android

楼主用什么设备拍的，很漂亮

hertzry

2021-01-02 23:19:37 +08:00 via Android

@maypu 谢谢，索尼 A6000+E18-135

en20

2021-01-03 01:26:39 +08:00 via iPhone

作为摄影作品网站，手滑动就给目标加上蒙层可太影响体验了

sloppysop

2021-01-03 02:21:20 +08:00 via Android

照片都很不错

duola

2021-01-03 02:25:55 +08:00

https://keiwo.ltd/img/portfolio/20-large.jpg
这张图，得抠多久呀。

hertzry

2021-01-03 09:08:15 +08:00 via Android

@jellybool 能用就行，要啥自行车。
@jaTomn 谢谢。
@mwVYYA6 谢谢。
@en20 主要用来在 PC 端作为点击的指示吧，我也改不掉。
@duola 哈哈哈哈哈哈哈，反正搞了好久。

jellybool

2021-01-03 10:27:23 +08:00

@hertzry 所以就懒得打开来看。

codyfeng

2021-01-03 10:54:37 +08:00 via Android

同用 A6000，看到楼主的照片后感觉还能再战三年

ifxo

2021-01-03 11:04:28 +08:00

图片多了还要分类，上一个管理系统 https://gallery.yorkchou.com/Portfolio/Korea-2017/

en20

2021-01-03 11:21:17 +08:00

@hertzry 很简单的啦,只要把照片的 mouseenter 监听去掉就可以

en20

2021-01-03 11:22:27 +08:00

@hertzry 应该只是个 css hover

hertzry

2021-01-03 12:42:27 +08:00

@ifxo 您这网站太赞了，完美解决我对于瀑布流和懒加载的需求，我能不能抄一份（小声）😋

864766428

2021-01-03 12:48:57 +08:00

同 A6000，目前狗头吃灰中，E50 F1.8 和 sigma 35 F1.4 用的多，下一步腾龙 17-70

ifxo

2021-01-03 13:02:41 +08:00

@hertzry 不是我的，网上找的，我也正准备建一个 https://www.photo.gallery/showcase/

你只需要上传图片，剩下的工作都是自动完成的，需要 php 支持

https://www.pieterprins.nl/fotografie/portret/

https://www.pieterprins.nl/fotografie/huwelijksreportage/

hertzry

2021-01-03 13:11:56 +08:00

@ifxo 那好吧

chairuosen

2021-01-03 13:13:27 +08:00

6000 拍的真好，我买了个 a7r4 拍的像手机一样，惭愧

864766428

2021-01-03 13:14:55 +08:00

@chairuosen #27 50 包邮解君愁

ifxo

2021-01-03 13:17:36 +08:00

@hertzry 又找了几个都是用这套系统的 https://www.memosite.net/

官网有源码，我打算魔改一下，等改完了发给你

hertzry

2021-01-03 13:34:34 +08:00

@ifxo 太感谢了😁

justin2018

2021-01-03 13:44:25 +08:00

楼主图片能配上有点文字说明嘛 😁

KillPaul

2021-01-03 13:56:29 +08:00

18 线设计师提个小建议，网站不错很干净，可以尝试看看铺满屏幕的做法，自适应那种。

hertzry

2021-01-03 13:59:25 +08:00

@justin2018 哈哈哈，文字功底不行，就不献丑了。
@KillPaul 我对网页设计一窍不通，自己做不了，只能抄别人的啦😅。

learningman

2021-01-03 14:03:51 +08:00

@ifxo 我看是收费的吧（

learningman

2021-01-03 14:04:28 +08:00

@ifxo 就是你发的那个 X3，不是 75 欧吗

ifxo

2021-01-03 14:09:37 +08:00

@learningman 可以尝试一下把收费的代码删除，就不要钱了吧

kergee

2021-01-03 14:21:03 +08:00

拍的不错👍

2021-01-03 16:22:24 +08:00

同喜欢摄影，也想搞个网页保存一下自己拍的图，楼主一起研究一下呗

bugcoder

2021-01-03 17:56:57 +08:00

@chairuosen 同 a7r4，拍了总是懒得后期处理，攒了 4，500G 了

hertzry

2021-01-03 19:40:35 +08:00 via Android

@xz 😄等 29#魔改版就好啦，我自己不懂这个东西。
@kergee 谢谢~

takato

2021-01-03 20:12:25 +08:00

特别喜欢 21 这张。
粗一看这些结构是对称的，但稍稍藏了一些不对称的因素。。

hertzry

2021-01-04 11:35:57 +08:00

@takato 哈哈，这是一个穹顶。