想实现网站背景每天更换一个,求助 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
isudng
V2EX    PHP

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

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

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

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

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

    反正 lz 图片文件名是确定的,用 js 获取当前日期再操作 DOM 设置背景图片不更好么?
    chairuosen
        13
    chairuosen  
       Nov 29, 2013   1
    对,js拼一下设置背景就行
    wdlth
        14
    wdlth  
       Nov 29, 2013
    js改一下background-image就够了吧。
    isudng
        16
    isudng  
    OP
       Nov 30, 2013
    @jingwentian 现在好了,实现功能了,背景弄成了cover,不过默认情况下左边在chrome下会有一条白色竖线,不知道怎么回事。定义成top left竖线挪到右边,勉强过关。谢谢
    isudng
        17
    isudng  
    OP
       Nov 30, 2013
    @ccbikai 那代码看着貌似行,拿过来不会用,,试了试不行,应该是我代码编辑出错吧。mark一下以后学习,感谢。
    dappbujiujiu
        18
    dappbujiujiu  
       Dec 10, 2013
    简单看了下~ 其实基于你的需求 有好几种解决方案~
    一个就是用js改background-image这种方法~ 但是每次都用加载调用此js方法,没有必要的损耗,
    还有我个人推荐 就是在你的样式里固定 写死比如 background-image:static/img/bgimag.jpg
    自己写个shell或什么的脚本 crontab 定在每日凌晨,去把对应日期的背景图片进行覆盖
    insoxin
        19
    insoxin  
       Aug 15, 2017 via Android
    网站挂了
    About     Help     Advertise     Blog     API     FAQ     Solana     5328 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 64ms UTC 01:26 PVG 09:26 LAX 18:26 JFK 21:26
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86