Podmiana background za pomocą javascript.

pytanie zadane 13 marca 2017 w JavaScript przez Vorex444 Dyskutant (9,610 p.)

Cześć mam coś takiego:

tak wygląda to w cssie:

#header
{
	height:100%;
	background: url('img/headertlo1.jpg') center/cover no-repeat;
	text-decoration:none;
	background-attachment:fixed;
}

i chciałbym aby moj skrypt javascript podminił mi tylko background

coś takiego probowałem ale nie chce działać nie wiem czemu, może wie ktoś o co chodzi?

function zmienslajd()
{

   document.getElementById("header").background= "headertlo2.jpg";

   setTimeout("zmienslajd()",1000);
}

4 odpowiedzi

odpowiedź 13 marca 2017 przez Pietrak Pasjonat (18,850 p.)

document.getElementById("header").style.backgroundImage = 'url(headertlo2.jpg)';

chodź proponowałbym zrobić klasy w css i zmieniać klasę obiektu niż stylizować inline

komentarz 13 marca 2017 przez fanpajny Obywatel (1,610 p.)

Stylizowanie inline jest gorsze? Spowalnia ładowanie skryptu? Czy jak?

komentarz 13 marca 2017 przez Pietrak Pasjonat (18,850 p.)

Raczej nie, chodzi o oddzielenie warstw aplikacji.

odpowiedź 13 marca 2017 przez seba Dyskutant (8,900 p.)

Z tego co pamiętam robi się to jakąś funkcja AddClass albo AddAttribute poczytaj o tym może cię coś oświeci.

komentarz 13 marca 2017 przez Vorex444 Dyskutant (9,610 p.)

nosz kurde nie wychodzi mi probuje wszystkiego np.

function zmienslajd()
{

document.getElementById("header").setAttribute("background", "headertlo2.jpg");

}

komentarz 13 marca 2017 przez Tomek Sochacki Ekspert (227,490 p.)

zamiast "headertlo2.jpg" powinno być "url('headertlo2.jpg')" o ile oczywiście plik znajduje się w głównym folderze na stronie lub względem elementu <base>. Ponad to z poziomu JS ja bym raczej zrobił zmianę nie 'background' lecz 'background-image' żeby przypadkowo nie zresetować pozostałych właściwości background-... jeśli takie deklarujesz w CSS.