Jquery ile yapılmış olan sayfa her yenilendiğinde arka plan(background) resminin değişmesi (jquery with background change) hem görsel olarak hem de tasarım konusunda onumu koysam, şunu mu koysam diye kararsız kalanlara güzel bir seçenek sunuyor. Ayrıca bu eklenti sayfada reklam göstermek isteyen kişiler için değişik bir alternatif olabilir. Üstelik uygulaması çok basit.

Kodumuz:

var totalCount = 5;

function ChangeIt() {
var num =  Math.ceil( Math.random() * totalCount );
document.body.background = 'arkaplan/'+num+'.jpg';
document.body.style.backgroundRepeat = "repeat";
}
 

Dikkat edilmesi gerek yerler:
-”var totalCount = 5;” taki sayı kaç tane arkaplan değiştiştireceğini belirtir. Bunu yapacağınız tasarıma göre değiştirin.
-”arkaplan/’+num+’.jpg” bu kısımda ise arkaplan’da kullanacağınız resimlerin hangi klasör’de olacağını belirtmeniz gerekiyor orayı düzenlemeyi unutmayın.

Gerisi bildiğimiz gibi tasarımın dğer parçaları.