Почему не грузится картинка в html коде?
В linux сделал сайт, в index.html впихнул код:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Атрибуты тега img</title> </head> <body> <img src="file:///C:Userscu_1Desktopsublimeimages1.avif"> </body> </html> |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Атрибуты тега img</title> </head> <body> <img src="file:///C:Userscu_1Desktopsublimeimages1.avif"> </body> </html>
:
В браузере не открывает картинку. Сам файл находится в windows.
Пробовал переносить файл с картинкой в linux, в /home/user/ - тож самое.
Пробовал другой код с лампочкой- все работает, но изображения лампочки тож нет :
<!DOCTYPE html> <html> <body> <h2>What Can JavaScript Do?</h2> <p>JavaScript can change HTML attribute values.</p> <p>In this case JavaScript changes the value of the src (source) attribute of an image.</p> <button onclick="document.getElementById('myImage').src='pic_bulbon.gif'">Turn on the light</button> <img id="myImage" src="pic_bulboff.gif" style="width:100px"> <button onclick="document.getElementById('myImage').src='pic_bulboff.gif'">Turn off the light</button> </body> </html> |
<!DOCTYPE html> <html> <body> <h2>What Can JavaScript Do?</h2> <p>JavaScript can change HTML attribute values.</p> <p>In this case JavaScript changes the value of the src (source) attribute of an image.</p> <button onclick="document.getElementById('myImage').src='pic_bulbon.gif'">Turn on the light</button> <img id="myImage" src="pic_bulboff.gif" style="width:100px"> <button onclick="document.getElementById('myImage').src='pic_bulboff.gif'">Turn off the light</button> </body> </html>
Дополнительно:
В linux сделал сайт
Сам файл находится в windows
Хм...
< img src="file:///C:Userscu_1Desktopsublimeimages1.avif">
Вангую, что не верный адрес до изображения. Расположите файл в директории рядом с index.html, а путь до файла пропишите /1.avif.
- Спасибо! Все получилось!
есть же вложенные каталоги и относительные пути в ссылках
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Если картинка не загружается на веб-странице, это может быть вызвано несколькими причинами. Вот несколько возможных причин и способы их решения:
1. Проверьте путь к изображению: Убедитесь, что путь к изображению указан правильно в теге![]()
. Путь должен быть относительным или абсолютным, и он должен указывать на правильное местоположение файла изображения на сервере.
2. Проверьте расширение файла: Убедитесь, что изображение имеет допустимое расширение файла (например, .jpg, .png, .gif) и что оно не повреждено.
3. Проверьте разрешение файла: Убедитесь, что изображение имеет разрешение, поддерживаемое браузером. Изображения слишком большого разрешения могут не загружаться или загружаться слишком медленно.
4. Проверьте права доступа к файлу: Убедитесь, что у файла изображения установлены правильные права доступа на сервере, чтобы браузер мог загрузить его.
5. Проверьте сетевое подключение: Убедитесь, что у пользователя есть доступ к интернету и что сетевое подключение стабильно. Иногда проблемы с сетью могут привести к невозможности загрузки изображений.
Если после проверки всех вышеперечисленных причин изображение все еще не загружается, вы можете попробовать загрузить другое изображение для проверки, отключить блокировщики рекламы или использовать инструменты для анализа проблемы, например, инструменты разработчика в браузере. Если проблема сохраняется, возможно, вам потребуется обратиться к веб-разработчику или администратору сервера для более глубокого анализа проблемы.