В чем может быть ошибка при выводе другого изображения на js?
Вот код html
Нарушение п.3.8 Регламента. Скриншоты фрагментов кода запрещены.
Вот код css
.main-item { display: flex; justify-content: space-around; } .item { height: 200px; width: 200px; background: url(img/200.jpg); cursor: pointer; } .item-show { background: url(//img/2.jpg); } |
.main-item { display: flex; justify-content: space-around; } .item { height: 200px; width: 200px; background: url(img/200.jpg); cursor: pointer; } .item-show { background: url(//img/2.jpg); }
А вот js
Нарушение п.3.8 Регламента. Скриншоты фрагментов кода запрещены.
Он должен выводить изображение, а при клике на него - менять. Он выводит. Но не меняет. В чем может быть проблема?
Дополнительно:
for(i=0;i elem[i].onclick = funcShow;
Это вообще как? Прям так и написано в JS?
background: url(//img/2.jpg);
- исходя из логики - наверное ошибка в путях, раз одно изображение якобы отображается, а другое нет
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
При выводе другого изображения на JavaScript может возникнуть несколько потенциальных проблем. Ниже приведены некоторые из наиболее распространенных ошибок и способы их устранения:
1. Неправильный путь к изображению: Убедитесь, что путь к изображению указан правильно. Проверьте, что изображение находится в том же каталоге, что и скрипт, или укажите полный путь к изображению.
let image = new Image(); image.src = 'path/to/image.jpg'; document.body.appendChild(image);
2. Неправильное имя изображения: Проверьте, что вы правильно указали имя изображения, включая регистр символов. JavaScript чувствителен к регистру, поэтому "image.jpg" и "Image.jpg" будут считаться разными файлами.
3. Проблемы с загрузкой изображения: Если изображение не загружается, убедитесь, что файл существует, доступен для загрузки и не поврежден. Также убедитесь, что сервер правильно настроен для обслуживания изображений.
4. Проблемы с кэшированием: Если вы меняете изображение, но браузер отображает старую версию, возможно, проблема связана с кэшированием. Для решения этой проблемы добавьте случайный параметр к URL изображения, чтобы заставить браузер загрузить новое изображение:
let image = new Image(); let random = Math.random(); image.src = 'path/to/image.jpg?' + random; document.body.appendChild(image);
5. Ошибки в коде JavaScript: Проверьте, нет ли ошибок в вашем JavaScript коде, которые могут препятствовать загрузке и отображению изображения. Используйте инструменты разработчика браузера для отладки и поиска ошибок.
Если после исправления всех перечисленных выше проблем изображение все равно не отображается, рекомендуется обратиться за помощью к сообществу разработчиков или специалистам по веб-разработке для получения более детальной помощи.