1 / 1 / 0
Регистрация: 09.02.2022
Сообщений: 22
|
||||||
1 | ||||||
Функция смены картинки по нажатию на элементы13.02.2022, 20:26. Показов 763. Ответов 8
Приветствую.
Подскажите, пожалуйста, каким образом стоит правильно оформить код у данной функции? Не могу всё никак додуматься. Основной смысл того, что происходит до и внутри функции: Я создаю переменные со значениями правого и левого "селекторов", затем, указываю переменную с элементом на ссылку картинки (где она находится в DOM-структуре html-страницы), создаю массив с ссылками других картинок, чтобы в будущем их можно было изменять на простой клик мышкой по правому и левому "селекторам". В самой функции, я записываю два условных оператора if, где 1 - left_side, а 2 - right_side, а также, создаю цикл for для перебора массива с ссылками на картинки. А вот дальше я не особо понимаю - каким образом мне правильно отрегулировать их появление с помощью правого и левого "селекторов". Вложение с картинкой и кодом приложу ниже, спасибо заранее за помощь! JavaScript-структура:
0
|
13.02.2022, 20:26 | |
Ответы с готовыми решениями:
8
Таймер смены картинки Подключение плавной смены картинки Bxslider, свои кнопки для смены картинки Скрипт смены картинки фона при клике Перестали отображаться картинки после смены имени пакета |
3503 / 1267 / 429
Регистрация: 24.07.2016
Сообщений: 1,890
|
||||||
13.02.2022, 21:57 | 2 | |||||
А что это за переменная?
право/лево , и в зависимости от кнопки, передвигаться по индексам массива с адресами charConfig вперёд/назад . Я правильно понимаю?
1
|
1 / 1 / 0
Регистрация: 09.02.2022
Сообщений: 22
|
|
13.02.2022, 22:21 [ТС] | 3 |
Да, правильно понимаете.
Эта переменная - сама картинка в DOM-структуре. (тоесть её нужно менять из конфига на право-лево) Просто я записал её наименование не особо логично, думаю, можно поменять.
0
|
3503 / 1267 / 429
Регистрация: 24.07.2016
Сообщений: 1,890
|
||||||
13.02.2022, 23:37 | 4 | |||||
Сообщение было отмечено Kurio как решение
Решение
0
|
1 / 1 / 0
Регистрация: 09.02.2022
Сообщений: 22
|
|
13.02.2022, 23:49 [ТС] | 5 |
Очень интересное решение)
Спасибо)
0
|
3503 / 1267 / 429
Регистрация: 24.07.2016
Сообщений: 1,890
|
|
13.02.2022, 23:52 | 6 |
0
|
1 / 1 / 0
Регистрация: 09.02.2022
Сообщений: 22
|
|
13.02.2022, 23:56 [ТС] | 7 |
Да, всё работает.
0
|
3503 / 1267 / 429
Регистрация: 24.07.2016
Сообщений: 1,890
|
|||||||||||
14.02.2022, 00:04 | 8 | ||||||||||
Кстати, пока не забыл, доставать значение
src вот таким образом - плохая затея...
1
|
1 / 1 / 0
Регистрация: 09.02.2022
Сообщений: 22
|
|
14.02.2022, 00:22 [ТС] | 9 |
Да, из-за этого у меня и не получалось нормально получить ссылку, чтобы ею манипулировать в будущем. Поэтому и появились проблемы)
Благодарю.
0
|
14.02.2022, 00:22 | |
14.02.2022, 00:22 | |
Помогаю со студенческими работами здесь
9
Действия по нажатию на картинки Смена картинки по нажатию Изменение картинки по нажатию Увеличение картинки по нажатию Массив,функция смены элементов Функция смены текста по клику Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи | |||||
КуМир: решение задач на строки
bytestream 28.01.2025
В системе программирования КуМир работа со строковыми данными является одним из важнейших аспектов создания программ. Строки представляют собой последовательности символов, заключенные в кавычки,. . .
|
КуМир: решение геометрических задач
bytestream 28.01.2025
Программирование геометрических задач в среде КуМир становится всё более актуальным в обучении школьников и студентов. КуМир — это разработанная в России обучающая программная среда, предназначенная. . .
|
КуМир, исполнитель Водолей: Задачи и решения
bytestream 28.01.2025
КуМир — это образовательная среда для обучения программированию. Она предлагает пользователям разнообразные инструменты для разработки и отладки программ, что особенно ценно для студентов и. . .
|
КуМир, исполнитель Чертежник: Решение задач
bytestream 28.01.2025
КуМир (Комплект Учебных МИРов) представляет собой образовательную среду для обучения основам программирования и алгоритмизации.
Исполнитель Чертежник работает на координатной плоскости, где может. . .
|
Rust или Go? А может C++?
hw_wired 28.01.2025
С каждой новой технологией или методологией появляются новые языки программирования, призванные решать конкретные задачи либо улучшать аспекты производительности и безопасности. Среди множества. . .
|
Fortran и WinAPI: как создать приложение с графическим интерфейсом
hw_wired 28.01.2025
Fortran — это один из старейших высокоуровневых языков программирования, широко используемый в науке и инженерии уже несколько десятилетий. Его название происходит от "Formula Translation" (перевод. . .
|
Списки в Haskell
hw_wired 28.01.2025
Haskell является функциональным языком программирования, который отличается лаконичностью синтаксиса и мощными абстракциями. Важным концептом в Haskell являются списки — упорядоченные коллекции. . .
|
Функции высшего порядка в Haskell
hw_wired 28.01.2025
Haskell – это современный функциональный язык программирования, который получил широкое распространение благодаря своей выразительности и мощным абстракциям. Одной из ключевых особенностей Haskell. . .
|
Как в цикле обойти все поля объекта в JavaScript
bytestream 28.01.2025
Объекты в JavaScript представляют собой фундаментальные структуры данных, которые позволяют хранить и организовывать связанную информацию в виде пар ключ-значение. Каждый объект можно представить как. . .
|
Как выбрать строки в DataFrame по значению столбца в Pandas
bytestream 28.01.2025
В области анализа данных библиотека Pandas стала незаменимым инструментом для работы с табличными данными в Python. Эта мощная библиотека предоставляет множество функций для эффективной обработки и. . .
|
Как сделать перенос строки в Bash
bytestream 28.01.2025
При работе с командной оболочкой Bash разработчики часто сталкиваются с необходимостью форматирования текстового вывода, где ключевую роль играет правильное управление переносами строк. Умение. . .
|
Поиск подстроки в строке с помощью Bash
bytestream 28.01.2025
Поиск подстроки в строке является одной из важных задач в программировании и обработке текстов. Применение такого поиска можно найти в самых разных областях, от анализа данных до разработки. . .
|