1

時刻に基づいて背景画像の URL を変更しようとしています。朝のように朝日が昇る....太陽が沈む。それぞれに独自の png ファイルと URL があります。ruby on rails でサイトを作成し、css に sass-rails を使用しています。

だから私の質問は、css クラスの読み取りの bg 画像の URL をヘルパー メソッドなどから変更するスマートな方法はありますか?

または、Jquery を使用してサーバー側のメソッドを呼び出し、画像の URL を返しますか?

どんな助けでも大歓迎です。

4

1 に答える 1

2

この方法を試してください

<script type="text/javascript">

var currentTime = new Date().getHours();
if ( currentTime> 6 | currentTime<9) {
if(document.body) {
document.body.background = "sunrise.jpg";
}
}
else if (currentTime>=9 &&currentTime < 20) {
if(document.body) {
document.body.background = "daytime.jpg";
}
}
else if (currentTime>20 &&currentTime < 24) {
if(document.body) {
document.body.background = "sunset.jpg";
}
}
else {
if (document.body) {
document.body.background = "nighttime.jpg";
}
}

</script>

ソース: http://www.sitepoint.com/forums/showthread.php?744436-Changing-div-background-image-based-on-time

于 2012-10-29T04:37:28.133 に答える