想实现网站背景每天更换一个,求助

2013-11-29 17:12:52 +08:00
 isudng
最近做一个小的在线社区网站,选用的wecenter作为核心。
想网站每天更换一个背景图片。
例如:11月30日是图片a,31日是图片b,12月1日是图片c……
我会上传一批量的图片到服务器中命名为20131130.jpg / 20131131.jpg / 20131201.jpg什么的。
初步打算的是css背景指向一个php地址,然后这个php文件再根据日期指向不同的jpg图片。
不知道这样行得通不。
不熟悉代码,望大神们指点一下。

网站地址:x.ronsir.com 有更新了会回报v2ex社区的。
-----------------------
另外还有想法就是网站白天的背景图片和晚上不一样。但是先实现上面的再说吧。
5146 次点击
所在节点    PHP
19 条回复
jingwentian
2013-11-29 17:21:14 +08:00
1. 你的背景图片, 在大分辨率显示器上显示被平铺了...
2. 既然你把图片以图片命名了,那就在链入图片的时候以 当前日期.jpg 拼接一下路径就得了
icevil
2013-11-29 17:22:44 +08:00
css 通常会缓存的,
但为了这个特意设置 css 强制不缓存没必要。

建议 js 实现,没必要再写一个 php 判断。
skydiver
2013-11-29 17:23:00 +08:00
css背景指向一个php地址,这样缓存策略比较麻烦吧,毕竟地址url一样。

最好还是在css拼一下图片名字。
shunai
2013-11-29 17:23:26 +08:00
slixurd
2013-11-29 17:56:20 +08:00
缓存不用担心吧= =
css指向的地址后面用js添加随机数(当然也可以php加,实现稍有不同而已,例如main.css?123
chloerei
2013-11-29 18:06:27 +08:00
用脚本输出一小段 <style></style>
niseter
2013-11-29 18:22:35 +08:00
还不如用cron逐个替换文件算了。。。
myljs
2013-11-29 18:59:27 +08:00
既然都已经有命名了,用 JS ,当用户访问的时候,获取今天的日期组合成今天图片的 url,然后输出 style 标签不就可以了?
n0rmrx
2013-11-29 19:01:41 +08:00
我尝试过根据关键词从flickr上抓图片做背景,效果好赞!
n0rmrx
2013-11-29 19:02:52 +08:00
每个用户看到的图片都是实时抓的,处理一下加载失败的。:)
hoosin
2013-11-29 22:02:17 +08:00
@icevil 加时间戳就行啊!
icevil
2013-11-29 22:24:53 +08:00
@hoosin
你说的就是我所指的「特意设置强制不缓存」的一种实现啊。
你这样客户端每次访问都要传输一次 css 文件。
浪费客户端和服务器流量啊,所以我说没必要啊。

反正 lz 图片文件名是确定的,用 js 获取当前日期再操作 DOM 设置背景图片不更好么?
chairuosen
2013-11-29 23:40:51 +08:00
对,js拼一下设置背景就行
wdlth
2013-11-29 23:44:25 +08:00
js改一下background-image就够了吧。
ccbikai
2013-11-30 00:24:09 +08:00
isudng
2013-11-30 11:22:27 +08:00
@jingwentian 现在好了,实现功能了,背景弄成了cover,不过默认情况下左边在chrome下会有一条白色竖线,不知道怎么回事。定义成top left竖线挪到右边,勉强过关。谢谢
isudng
2013-11-30 12:30:33 +08:00
@ccbikai 那代码看着貌似行,拿过来不会用,囧,试了试不行,应该是我代码编辑出错吧。mark一下以后学习,感谢。
dappbujiujiu
2013-12-10 15:36:40 +08:00
简单看了下~ 其实基于你的需求 有好几种解决方案~
一个就是用js改background-image这种方法~ 但是每次都用加载调用此js方法,没有必要的损耗,
还有我个人推荐 就是在你的样式里固定 写死比如 background-image:static/img/bgimag.jpg
自己写个shell或什么的脚本 crontab 定在每日凌晨,去把对应日期的背景图片进行覆盖
insoxin
2017-08-15 12:24:28 +08:00
网站挂了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/91153

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX