Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.50/6: Рейтинг темы: голосов - 6, средняя оценка - 4.50
0 / 0 / 0
Регистрация: 22.01.2017
Сообщений: 11

Нужно присвоить блоку рандомное фоновое изображение

13.04.2017, 18:11. Показов 1273. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Нужно присвоить блоку рандомное фоновое изображение из массива картинок. И помогите создать этот массив. Спасибо заранее.
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
13.04.2017, 18:11
Ответы с готовыми решениями:

CSS. Присвоить блоку с непонятным классом ID
Здравствуйте! В теме Sentio для WordPress имеется div с названием категорий перед списком. Хочу его убрать. Но дело в том, что у него...

Фоновое изображение
Всем привет думаю эта тема сейчас актуальна так как я не раз пытался нати в поисковике как же растянуть фоновое изображение. Итак, описываю...

Фоновое изображение
Облазил интернет, мало чего нашел. Помогите новичку) Нужно поставить изображение как фон.

1
 Аватар для evikza
968 / 530 / 244
Регистрация: 20.05.2015
Сообщений: 776
13.04.2017, 20:25
Лучший ответ Сообщение было отмечено fareast000 как решение

Решение

fareast000,

JavaScript
1
2
3
4
5
6
7
8
9
10
var bg = ['https://www.toptal.com/designers/subtlepatterns/patterns/pink%20dust.png',
          'https://www.toptal.com/designers/subtlepatterns/patterns/ep_naturalblack.png',
          'https://www.toptal.com/designers/subtlepatterns/patterns/ep_naturalwhite.png',
          'https://www.toptal.com/designers/subtlepatterns/patterns/dark_embroidery.png',
          'https://www.toptal.com/designers/subtlepatterns/patterns/eight_horns.png'
        ];
 
var count = Math.floor(Math.random() * bg.length);
 
document.getElementById('text').style.background = 'url(' + bg[count] + ')';
HTML5
1
<div id="text"></div>
CSS
1
2
3
4
#text {
  width: 300px;
  height: 300px;
}
Демонстрация
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
13.04.2017, 20:25
Помогаю со студенческими работами здесь

Фоновое изображение
Как сделать фон как на кинопоиске http://www.kinopoisk.ru/film/9544/. Имею ввиду, что у них в начале странице на фоне определённая...

Фоновое изображение
Доброе время суток! Подскажите, пожалуйста, как &quot;растянуть&quot; по вертикали фоновое изображение(по горизонтали я его кое как растянул с...

Фоновое изображение
Всем есть здрасти! Я вот веб мастером хочу стать, мечтаю о своем проекте, kinopro.ru кинотека... Вот учусь, все хорошо было, пока е...

Фоновое изображение
Как сменить фоновое изображение после клика по кнопке &quot;Создать&quot; в меню ... private void создатьToolStripMenuItem_Click(object...

Фоновое изображение
Всем привет. Я верстаю страницу, у которой есть фоновое изображение. В css для фона прописаны следующие свойства: background-size: auto...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru