Bir Web Sitesinde Dinamik Olarak Bir Arka Planı Nasıl Değiştirme

CSS ve JavaScript'i kullanarak, web sitenizdeki arka planı dinamik olarak değiştirebilirsiniz. Bir kullanıcı web sitesini bir tarayıcıya her yüklediğinde arka planı değiştirmek için kodu kullanırsınız ve kullanıcı web sitesini tarayıcı penceresinde yenilediğinde de kod çalışır. Arka planda kullanılan görüntüleri sunucunuza yüklemiş olmanız gerekir, böylece tarayıcıda düzgün şekilde görüntülenirler.

1.

Düzenlemek istediğiniz HTML sayfasını sağ tıklayın ve "Birlikte Aç" ı seçin. Program listesinde HTML editörünüzü tıklayın.

2.

Her resmi bir JavaScript dizisine yükleyin. Örneğin, aşağıdaki kod Web barındırma sunucusunda iki görüntü dizisi oluşturur:

var background = new Array (); arkaplan [0] = "/images/bg1.gif"; arkaplan [1] = "/images/bg2.gif";

3.

Rasgele bir sayı oluşturun. Rasgele sayı, diziden bir görüntüyü rastgele almak için kullanılır. Bu örnekte, iki resim yüklenir, bu nedenle 0 ile 1 arasında bir sayı oluşturmalısınız. Aşağıdaki kod rastgele bir sayı oluşturur:

var numberGen = Math.floor (Math.random () * 1)

4.

Diziden arka plan görüntüsünü görüntüleyin. Aşağıdaki kod, web sitesi arka planı olarak rasgele bir resim görüntülemek için resim dizisini ve rasgele sayıyı birleştirir:

document.body.style.background = 'URL (' + arka plan [numberGen] + ')';