在午夜更改图片的顺序

Question

我有一组图片广告,我想在午夜更改每天的订单.

基本上这样有一天会像这样

<img src="image1">
<img src="image2">
<img src="image3">
<img src="image4">

第二天它会是这样的

<img src="image4">
<img src="image1">
<img src="image2">
<img src="image3">

我怎么能用javascript,jquery或php来完成这个.不关心我使用什么语言,只需要弄清楚.谢谢..

Answer 1

试试这个 http://jsfiddle.net/KQwf2/1/

HTML：

<img src="http://solarpanels2green.com/images/one.gif" title='1'>
<img src="http://solarpanels2green.com/images/two.gif" title='2'>
<img src="http://solarpanels2green.com/images/three.gif" title='3'>
<img src="http://solarpanels2green.com/images/four.gif" title='4'>

和js代码

var all = $('img'), 
        shift = Math.floor(
          (new Date().getTime() - new Date().getTimezoneOffset() * 60000)
         / (24 * 3600 * 1000)) % all.length;

all.filter(':gt(' + (all.length - shift - 1) + ')')
   .insertBefore(all.first());

它计算自 1970 年 1 月 1 日午夜以来经过的天数除以图像列表中的元素数量的 MOD，从列表底部获取此数量的图像并将它们移动到列表前面。

已更新以考虑访问者的时区。