• 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
362 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 261 wizyt
+2 głosów
1 odpowiedź 1,543 wizyt

93,187 zapytań

142,203 odpowiedzi

322,023 komentarzy

62,515 pasjonatów

Advent of Code 2024

Top 15 użytkowników

  1. 2581p. - dia-Chann
  2. 2537p. - Łukasz Piwowar
  3. 2528p. - Łukasz Eckert
  4. 2514p. - CC PL
  5. 2476p. - Tomasz Bielak
  6. 2445p. - Łukasz Siedlecki
  7. 2443p. - rucin93
  8. 2201p. - Michal Drewniak
  9. 2156p. - Marcin Putra
  10. 2152p. - Adrian Wieprzkowicz
  11. 2105p. - Mikbac
  12. 1941p. - Anonim 3619784
  13. 1733p. - rafalszastok
  14. 1701p. - Michał Telesz
  15. 1580p. - ssynowiec
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!

...