Смена изображений при обновлении страницы. Адаптивность изображений

@Nikita91 · Регистрация: 17.11.2013

Студворк — интернет-сервис помощи студентам

Здравствуйте! Нашел скрипт, который изменяет изображение при обновлении страницы, он меня устраивает, но не могу понять, каким образом в данном скрипте сделать так, чтобы картинки были адаптивными (width: 100%, height:250px), и не выезжали за пределы страницы

Сам код скрипта

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
<script language="JavaScript">
<!-- 
var a=Math.round(Math.random()*4) 
image = new Array();
image[0]="Картинка 1"
image[1]="Картинка 2"
image[2]="Картинка 3"
image[3]="Картинка 4"
image[4]="Картинка 5"
document.write (" <img src="+image[a]+"> ");
//-->
</script>

Dmitry · 28.09.2017, 23:30

прописать имиджу или ид или класс, и для этого ид-а (или класса) прописать параметры в файле стилей...

@Николай16 · 29.09.2017, 08:47

а в чём проблема???

@Nikita91 · 29.09.2017, 11:12 **[ТС]**

Проблема в том, что изображения большие, а если экран узкий, то они выходят по ширине за пределы страницы, и не совсем понял как нужно все это прописывать, куда добавлять классы/ид. Короче нужна адаптивность

@Nikita91 · 30.09.2017, 22:23 **[ТС]**

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
<script language="JavaScript">
<!-- 
var a=Math.round(Math.random()*4) 
image = new Array();
image[0]="Картинка 1"
image[1]="Картинка 2"
image[2]="Картинка 3"
image[3]="Картинка 4"
image[4]="Картинка 5"
document.write (" <img class="slide" src="+image[a]+"> ");
//-->
</script>

в таком варианте изображения вообще не выводятся!

Dmitry · 30.09.2017, 23:04

http://lifeexample.ru/php-prim... i-sql.html

@Nikita91 · 02.10.2017, 19:56 **[ТС]**

Спасибо! Все получилось!

Новые блоги и статьи Все статьи Все блоги /
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .

Dmitry 13440 / 7534 / 830 Регистрация: 09.09.2009 Сообщений: 29,554
	28.09.2017, 23:30
	прописать имиджу или ид или класс, и для этого ид-а (или класса) прописать параметры в файле стилей... 0

@Николай16 25 / 9 / 8 Регистрация: 13.12.2015 Сообщений: 484
	29.09.2017, 08:47
	а в чём проблема??? 0

@Nikita91 0 / 0 / 0 Регистрация: 17.11.2013 Сообщений: 21
	29.09.2017, 11:12 [ТС]
	Проблема в том, что изображения большие, а если экран узкий, то они выходят по ширине за пределы страницы, и не совсем понял как нужно все это прописывать, куда добавлять классы/ид. Короче нужна адаптивность 0

Dmitry 13440 / 7534 / 830 Регистрация: 09.09.2009 Сообщений: 29,554
	30.09.2017, 23:04
	Сообщение было отмечено Nikita91 как решение Решение http://lifeexample.ru/php-prim... i-sql.html 0

@Nikita91 0 / 0 / 0 Регистрация: 17.11.2013 Сообщений: 21
	02.10.2017, 19:56 [ТС]
	Спасибо! Все получилось! 0

Смена изображений при обновлении страницы. Адаптивность изображений

Решение