• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Podmiana background za pomocą javascript.

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
358 wizyt
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

+1 głos
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.
0 głosów
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.
0 głosów
odpowiedź 14 marca 2017 przez Marcin90 Użytkownik (500 p.)

Sprawdź to:

  

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

a to:

  

  document.getElementById("header").style.background= "headertlo2.jpg"; 
–1 głos
odpowiedź 13 marca 2017 przez ciemna_strona_klamki Gaduła (4,360 p.)
Użyj jQuery - tam masz funkcję "css".

W podanym linku masz oba sposoby

http://stackoverflow.com/questions/10867503/change-background-image-in-body

Podobne pytania

+1 głos
2 odpowiedzi 179 wizyt
pytanie zadane 25 września 2015 w PHP przez Dr. Zawijas Użytkownik (610 p.)
+3 głosów
2 odpowiedzi 258 wizyt
+2 głosów
1 odpowiedź 1,520 wizyt

93,158 zapytań

142,171 odpowiedzi

321,881 komentarzy

62,487 pasjonatów

Advent of Code 2024

Top 15 użytkowników

  1. 224p. - Marcin Putra
  2. 224p. - nidomika
  3. 223p. - dia-Chann
  4. 221p. - ssynowiec
  5. 217p. - Mikbac
  6. 216p. - CC PL
  7. 215p. - Łukasz Piwowar
  8. 212p. - zmmz89
  9. 210p. - Adrian Wieprzkowicz
  10. 208p. - rafalszastok
  11. 206p. - Michal Drewniak
  12. 204p. - Łukasz Eckert
  13. 202p. - rucin93
  14. 200p. - robwarsz
  15. 198p. - TheLukaszNs
Szczegóły i pełne wyniki

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...