Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.86/21: Рейтинг темы: голосов - 21, средняя оценка - 4.86
0 / 0 / 0
Регистрация: 17.11.2013
Сообщений: 13
1

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

28.09.2017, 23:08. Показов 4160. Ответов 6

Здравствуйте! Нашел скрипт, который изменяет изображение при обновлении страницы, он меня устраивает, но не могу понять, каким образом в данном скрипте сделать так, чтобы картинки были адаптивными (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>
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
28.09.2017, 23:08
Ответы с готовыми решениями:

Простая галерея. Смена изображений без перезагрузки страницы
Доброго времени суток всем! Есть &quot;такая загвоздка&quot; нужна простая &quot;маловесящая&quot; галерейка. Есть 3...

Смена текста при обновлении страницы
Добрый день. Пытаюсь реализовать через java смену текста при обновлении страницы на сайте. ...

Смена изображений при нажатии на кнопку
Всем доброго времени суток! Возникла задача - создать сайт на скорую руку. Я в этом HTML, CSS, JS...

Смена изображений при клике, по заданному времени
1)Как сделать смену картинки при клике на неё? Допустим, у меня стоит картинка мотоцикла. Хочу...

6
Эксперт по компьютерным сетямЭксперт NIX
12253 / 7114 / 734
Регистрация: 09.09.2009
Сообщений: 27,788
28.09.2017, 23:30 2
прописать имиджу или ид или класс, и для этого ид-а (или класса) прописать параметры в файле стилей...
0
25 / 9 / 8
Регистрация: 13.12.2015
Сообщений: 484
29.09.2017, 08:47 3
а в чём проблема???
0
0 / 0 / 0
Регистрация: 17.11.2013
Сообщений: 13
29.09.2017, 11:12  [ТС] 4
Проблема в том, что изображения большие, а если экран узкий, то они выходят по ширине за пределы страницы, и не совсем понял как нужно все это прописывать, куда добавлять классы/ид. Короче нужна адаптивность
0
0 / 0 / 0
Регистрация: 17.11.2013
Сообщений: 13
30.09.2017, 22:23  [ТС] 5
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>
в таком варианте изображения вообще не выводятся!
0
Эксперт по компьютерным сетямЭксперт NIX
12253 / 7114 / 734
Регистрация: 09.09.2009
Сообщений: 27,788
30.09.2017, 23:04 6
Лучший ответ Сообщение было отмечено Nikita91 как решение

Решение

http://lifeexample.ru/php-prim... i-sql.html
0
0 / 0 / 0
Регистрация: 17.11.2013
Сообщений: 13
02.10.2017, 19:56  [ТС] 7
Спасибо! Все получилось!
0
02.10.2017, 19:56
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
02.10.2017, 19:56

Смена текста при обновлении страницы (текст на картинке с заданными параметрами)
У меня есть несколько рабочих скриптов. Но нее знаю как их объединить. Задача стоит такая. Есть...

Смена изображений товара при клики на цвета
Как считаете правильно подойти к такой задаче (сделать прокрутку изображений по цветам) ? : 1)...

Bootstrap 3, адаптивность изображений и текстов
При уменьшении ширины окна браузера, текст и картинки не уменьшаются, в результате чего текст...

Смена текста при обновлении страницы
Добрый день. Пытаюсь реализовать через java смену текста при обновлении страницы на сайте. ...


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

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru