Почему мой веб-сайт (на страто) не может показать фоновое изображение, которое я хочу установить с javascript? * (локально это прекрасно работает) * - PullRequest
Новая
       74

Почему мой веб-сайт (на страто) не может показать фоновое изображение, которое я хочу установить с javascript? * (локально это прекрасно работает) *

0 голосов
/ 12 апреля 2020

Я хотел бы fini sh мою карточную игру и вывести ее онлайн , чтобы я мог поделиться ею:)

Однако , это не удается, потому что фотографии карт не отображаются на моем сайте. (он отлично работал на моем локальном сервере)

Отображаемая карта установлена ​​javascript как свойство .style.backgroundImage, как показывает исходный код при проверке.

Однако, это не отображается изображение карты.

Пример кода

HTML часть: 

<div class="first layer">

        <div class="cards" id="two_1"></div>
        <div class="cards" id="three_1"></div>
        <div class="cards" id="four_1"></div>
        <div class="cards" id="five_1"></div>
        <div class="cards" id="six_1"></div>
        <div class="cards" id="seven_1"></div>
        <div class="cards" id="eight_1"></div>
        <div class="cards" id="nine_1"></div>
        <div class="cards" id="ten_1"></div>
        <div class="cards" id="eleven_1"></div>
        <div class="cards" id="twelve_1"></div>
        <div class="cards" id="thirteen_1"></div>
        <div class="cards" id="fourteen_1"></div>
    </div>

Javascript часть: 

            let number;
            if (card_nr == 2) number = "two";
            if (card_nr == 3) number = "three";
            if (card_nr == 4) number = "four";
            if (card_nr == 5) number = "five";
            if (card_nr == 6) number = "six";
            if (card_nr == 7) number = "seven";
            if (card_nr == 8) number = "eight";
            if (card_nr == 9) number = "nine";
            if (card_nr == 10) number = "ten";
            if (card_nr == 11) number = "eleven";
            if (card_nr == 12) number = "twelve";
            if (card_nr == 13) number = "thirteen";
            if (card_nr == 14) number = "fourteen";


            if (document.getElementById(number + "_1").style.backgroundImage === "") {
                document.getElementById(number + "_1").style.background = "url(img/" + cardToShow +".svg)";
                document.getElementById(number + "_1").style.backgroundSize = "100%";
                document.getElementById(number + "_1").style.backgroundRepeat = "no-repeat"; 
            }
...