rozmiar obrazu dodanego przez js

Question

Cześć

zrobiłem slider w js, obrazy też są dodane za pomocą js, obrazy miały rozszerzenie .jfif, zmieniłem na .png.

nie wiem jak zmienić ich wymiary width i height za pomocą js. próbowałem w js do "uchwytu" dodać style ale wyskakują błędy w składni

slider:

let randomNumber = Math.floor(Math.random()*3)+1; //losowanie liczby
let slider = document.getElementById("slider");


function getNextSlide() {
    randomNumber++
   
    if(randomNumber > 3) {
        randomNumber = 1
    }

    slider.innerHTML = "<img src=\"photos/img" + randomNumber + ".png\" />";

    setTimeout("getNextSlide()", 5000);
}

obrazy umieszczone są w divie

Comments

próbowałem w js do "uchwytu" dodać style ale wyskakują błędy w składni

Pokaż kod, którym próbowałeś to zrobić i treść błędów jakie wtedy wystąpiły. 

---

sorry zaszło nieporozumienie bo gdy wcześniej to robiłem vs code podkreślał mi składnie ale teraz nie podkreśla nie wiem co wtedy robiłem źle

Answer 1

Dodaj css do twojego img:

#slider > img
{
width: 500px;
height: 500px;
}

Lub dodaj style do js:

slider.innerHTML = "<img height=\"500" width=\"500" src=\"photos/img" + randomNumber + ".png\" />";

 

Comments

kurde dzięki, próbowałem wcześniej to że potomek w elemencie o id ale mi nie działało nie wiem czemu więc odrzuciłam tę opcje

dzięki jeszcze raz :)