[JavaScript] image 객체

 

    //image객체는 <img src=~~~~~~~~ /> 이거에 대한 정보를 담고있는것임!
 
    //그래서 <img 를 새로 만들어서 설정해주는거랑 같은 효과
 
    const img = new Image();
 
 
 
    img.src = `../src/images/${num}.jpg`;
 
    img.classList.add("bg-image");
 
 
 
    body.prepend(img);

 

img 객체를 생성하고, bg-image라는 클래스명을 부여할 수 있다!!

src를 동적으로 부여 가능. ${num} 부분.

 

이를 css에서 처리해주면 된다!

.bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
}