イメージバックグラウンドをいつか変更する方法はありますか？

10秒や30秒などの特定の時間の後に背景画像を変更する方法があるかどうかを知る必要があります。あなたはyahooのように知っていますログインメールは「毎日背景を変えています！

のjQueryを使用しての方法またはCSSやHTMLや他のものがある場合は、私に教えてください

2011-01-27 HAJJAJ

あなたはjavascript関数

<!DOCTYPE html> 
<html> 
<head> 
<script type='text/javascript'> 
var imageID=0; 
function changeimage(every_seconds){ 
    //change the image 
    if(!imageID){ 
     document.getElementById("myimage").src="http://www.all-freeware.com/images/full/38943-nice_feathers_free_screensaver_desktop_screen_savers__nature.jpeg"; 
     imageID++; 
    } 
    else{if(imageID==1){ 
     document.getElementById("myimage").src="http://www.hickerphoto.com/data/media/186/flower-bouquet-nice_12128.jpg"; 
     imageID++; 
    }else{if(imageID==2){ 
     document.getElementById("myimage").src="http://www.photos.a-vsp.com/fotodb/14_green_cones.jpg"; 
     imageID=0; 
    }}} 
    //call same function again for x of seconds 
    setTimeout("changeimage("+every_seconds+")",((every_seconds)*1000)); 
} 
</script> 
</head> 
<body style='background:black;' onload='changeimage(2)'> 
<div style='position:absolute;width:100%;height:100%;left:0px;top:0px;' align='center'><img width='300px' height='250px' id='myimage' src='http://www.photos.a-vsp.com/fotodb/14_green_cones.jpg'/></div> 
</body></html>

でそれを作ることができ、このいずれかを試してみてください！ :)あなたは機能とのsetTimeoutでそれを行うことができ

出典

2011-01-27 19:32:09 FeRtoll

私はJavaScriptでよくない修士号をこの例のサンプル・ページがあります？ – HAJJAJ

私は答えを編集しました...試してみてください！ – FeRtoll

：

function changeBG() 
{ 
    var body = document.getElementsByTagName("body")[0]; 
    body.style.backgroundImage = "url(myimage.gif)"; 
    setTimeout("changeBG",30000); // Change every 30 seconds 
} 

window.onload = changeBG;

（未テストを、それは微調整を必要とするか2かもしれないので）

出典

2011-01-27 19:32:23

私はこのサンプルのサンプルページがありますか？ – HAJJAJ

あなたがこれを行うにはJavaScriptのsetTimeoutやsetIntervalを使用することができ、またはJQuery's Timers

EDITに見て：jQueryを使って 、これは1秒後に背景を変更します：

$(window).oneTime(1000, function() { 
    // change your background image here 
    });

出典

2011-01-27 19:32:30

私は本当にこれを解決するためにJQueryを使いたいですが、私にこのページのサンプルページをお願いします。 – HAJJAJ

あなたはおそらくCSS3ウェブキットアニメーションを使用してそれを達成することができますが、トレードオフはChromeとSafariのようにしか機能しませんが、JavaScriptはまったく必要ありません。

上記のjQueryの提案は、私が推測するところであなたの最善の策です。

出典

2011-01-27 20:52:14 Steph

あなたはPrototypeライブラリ使用している場合：

var changeBackground = function() { 
    $$('body').first().setStyle({ 
     backgroundImage: 'newImage.jpg' 
    }); 
}; 
changeBackground.delay(15);

出典

2011-01-27 20:59:15 JoJo

イメージバックグラウンドをいつか変更する方法はありますか？

答えて

関連する問題