Вставка JS кода для изменения изображений

WYSIWYG Web Builder, вопросы которые не охвачены в других разделах.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить
Аватара пользователя

Автор Темы
Barsenal93
Читатель
Читатель
Сообщения: 22
Зарегистрирован: 14 авг 2015, 06:36
Версия Web Builder: 10.4.2

Вставка JS кода для изменения изображений

Сообщение Barsenal93 » 28 июл 2017, 04:49

Добра-добра! Задача такая: есть код для смены изображений на неделю (7 картинок).

<img src="" alt="">
<script>
var img = document.querySelector('img');
var now = new Date();
var day = now.getDay();
img.src ="/images/" + day + ".png";
</script>

При попытке вставить его в HTML документ - ничего не выводит. В чем может быть проблема? Каждый день менять картинку вручную не удобно. Поэтому необходимость в коде оправдана.
Или может быть, есть возможно сделать это средствами WB?

Реклама
Аватара пользователя

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Вставка JS кода для изменения изображений

Сообщение Gudwinn » 28 июл 2017, 07:10

У Вас некорректный немного код. В общем в проекте разместите картинку и задайте ей айдишник Image1 В источнике файлов создайте папку images и в неё закиньте все картинки для дней недели.В исходнике страницы до </body> разместите мой код

Код: Выделить всё

<script>
var img = document.querySelector('#Image1');
var now = new Date();
var day = now.getDay();
img.setAttribute('src','images/'+day+'.png');
</script>
и всё у Вас прекрасно заработает
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

Автор Темы
Barsenal93
Читатель
Читатель
Сообщения: 22
Зарегистрирован: 14 авг 2015, 06:36
Версия Web Builder: 10.4.2

Вставка JS кода для изменения изображений

Сообщение Barsenal93 » 28 июл 2017, 10:33

Большое спасибо, все заработало!


Ответить

Вернуться в «Общие вопросы.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 0 гостей