как узнать путь к картинке
Как узнать путь к картинке
Пока я творю, я живу!
Блог посвящен: HTML, CSS, PHP, WordPress, Bootstrap
Как прописать путь к файлу, картинке или странице. Основы HTML для начинающих. Урок №13
Всем привет!
Продолжаем изучать основы HTML. В этом уроке я расскажу и на примерах покажу, как правильно указать и прописать путь к файлам, картинке или к другой веб странице. Это тоже один из важных уроков, так как если вы этого всего не поймете, вы столкнетесь в будущем с проблемой вставки картинки на веб страницу, или не сможете дать правильно файл для скачивания на своем же сайте, а также не сможете сделать перелинковку страниц.
Если посмотреть на все это образно, то это похоже на указатели, с помощью которых мы найдем нужную улицу, дом и квартиру. То есть, мы в html коде укажем, где именно находится картинка, страница, файлы на скачивание и т.д.
Давайте начнем с простого.
Для лучшего понимания, я подготовил маленькие схемки, где стрелочкой укажу путь, а в коде покажу, как это записывается в html.
Внимание: на примере указанно только путь из html-файла до картинки, но аналогично примерам можно будет подставить вместо картинки файл для скачивания или путь к другой странице.
Схема № 1
Путь из файла к картинке
Схема № 2
Путь из файла к папке до картинки
Схема № 3
Путь из папки к картинке
Схема № 4
Путь из папки к другой папке до картинки
Как правильно указать пути к изображениям на сайте
2014-10-16 / Вр:22:56 / просмотров: 23990
Здравствуйте дорогие читатели блога BlogGood.ru!
Сегодняшняя статья не большая, но в себе несет полезную информацию, которая поможет правильно указать путь к изображению, когда вы создаете веб-сайт, так как неправильно указанный путь к изображению не выдаст желаемый результат. Не знаю как у вас, но у меня бывали косяки, когда нужно было прописать путь не к папке с файлом, а, наоборот, из папки к файлу. Знаю, тяжело понять мной сказанные слова, вот по этой причине я создал специальные схемки, где стрелкой показываю, откуда нужно указать путь к изображению (это может быть также любой файл).
Схемка № 1
Путь из файла к картинке
Схемка № 2
Путь из файла к папке до картинки
Схемка № 3
Путь из папки к картинке
Схемка № 4
Путь из папки к дугой папке до картинки
Если вам нужно выйти с двух папок и зайти в папку images к файлу «logo.png», нужно добавить два символа «../». Пример:
Если вам нужно выйти из трех папок и зайти в папку images к файлу «logo.png», нужно добавить три символа «../». Пример:
Как найти путь к файлу, который запускает программу. Урок 29
Иногда в процессе работы на компьютере необходимо найти папку или запускающий файл той или иной программы или игры. Особенно часто такое действие необходимо для русификации программы или добавления в неё кистей или текстур (как в Фотошопе). Для человека, который хорошо разбирается в компьютерах это не проблема, но для начинающего пользователя найти путь к файлу или папке, задача не из легких, а может даже и не выполнима.
На самом деле все очень просто, и если вы сделаете это один раз, то сможете и в следующий. Если вы научитесь находить файл или папку среди тысячи таких же файлов, то многие компьютерные проблемы сможете решать сами без посторонней помощи.
Существует несколько способов определения пути к файлу или папке программы. Сейчас мы их рассмотрим.
Находим путь к файлу или папке по ярлыку на рабочем столе
Это самый легкий и быстрый способ. Если ярлык программы находится на рабочем столе, то кликаем по нему правой кнопкой мыши и выбираем в самом низу выпадающего списка, который называется контекстным меню, пункт «Свойства».
В открывшемся окне «Свойства» в поле «Объект» вы увидите путь к запускающему файлу программы (с расширением .exe), а ниже, в поле «Рабочая папка» показан путь к папке программы.
Оба эти пути похожи, ведь запускающий файл программы находится в рабочей папке этой же программы.
Как узнать путь, если ярлыка программы нет на рабочем столе
Если ярлыка программы нет на рабочем столе, то он наверняка имеется в меню «Пуск». В Windows XP или Windows 7 можно так же кликнуть по значку программы правой кнопкой мыши и выбрать в контекстном меню пункт «Свойства».
А вот в Windows 10 такой номер не прокатит. Там надо сначала открыть меню «Пуск» найти папку программы, открыть её, кликнуть правой кнопкой мыши по иконке программы, выбрать в самом верху открывшегося списка по строке «Дополнительно», а в следующем списке кликнуть по строке «Перейти к расположению файла».
В открывшемся окне программы наверху в адресной строке будет показан путь к этому файлу.
Его можно скопировать. Для этого необходимо кликнуть правой кнопкой мыши по адресу и выбрать в выпадающем меню пункт «Копировать адрес».
Эти методы особенно актуальны, если у вас нет доступа к скрытым файлам и папкам.
Видео «Как найти путь к файлу»
_____________________________________________________________________________________________________ Удачи!Как получить путь к изображению в 1C-Битрикс
Вы наверняка задавались вопросом «Что это за цифры и где мой путь к картинке?» 🙂 Давайте разберем несколько примеров, как с этим можно работать.
Как узнать полный путь к картинке в Битриксе
Файлы изображений нам обычно нужны, когда мы говорим за новости или товары. За такие поля, как правило, отвечают свойства элемента «Картинка для анонса» и «Детальная картинка«. Иногда, создают свойства инфоблока, тип этого свойства файл, и используют для дополнительных изображений (например, галерея товаров). Вся проблема в том, что Битрикс не даст вам сразу готовый путь к файлу изображения, или к его уменьшенной ресайз копии.
Советую для начала прочесть небольшую статью про вывод элементов на странице т.к. в дальнейшем мы столкнемся с похожим кодом.
Как видите, мы добавили ‘PREVIEW_PICTURE‘ и ‘DETAIL_PICTURE‘ в массив, который называют arSelect. На моей тестовой копии Битрикса, когда вывожу значения в поле ‘PREVIEW_PICTURE’ получаю
и на самом деле все отработало правильно, мы получили «код изображений», некий уникальный идентификатор файла, по которому мы сможем получить данные.
В 1С-Битрикс есть класс CFile — который используется для работы с файлами и изображениями. Мы воспользуемся его методом GetPath и получим полный путь к изображению на примере картинки для анонса (для детальной все точно также):
Теперь у меня выводит:
Отлично, это то что нужно. Теперь мы при помощи HTML тега img сможем задать картинке путь. Меняем нашу строчку с echo
Как изменить размер изображений в Битриксе или выполнить ресайз
Перед тем как создать проект или новый инфоблок, всегда думайте «какого размера должны быть мои изображения«. Это очень важно, т.к. если вы не настроите в информационном блоке уменьшение картинки после загрузки, генерацию картинки анонса из детальной (если нужно) и прочие параметры, то размер вашей страницы может превышать несколько мегабайт (а в очень редких случаях даже больше 10 мб 🙂 ).
На самом деле, когда вы строго задаете размеры изображению, используя CSS, картинка все равно грузится в полном размере, и такие вещи не прокатят:
Это не решит нашу проблему с размером исходного изображения на странице, и единственные допустимые правила, на мой взгляд, могут быть max-width и max-height.
Рассмотрим случай, когда у нас уже есть большие картинки и мы хотим получить их уменьшенные копии. Нам поможет метод CFile::ResizeImageGet. Его преимущество в том, что когда мы запускаем страницу, он создает картинки в папке /upload/resize_cache/путь — и если такая картинка уже есть, он автоматически вернет нам путь к ней. Кроме того, мы можем задавать любой размер, качество и даже вид масштабирования изображений.
Вот какие типы нам доступны (информация взята из официальной документации Битрикс):
Давайте попробуем уменьшить наши картинки используя ResizeImageGet:
$img_resize_path[‘src’] — надеюсь вы заметили что этот метод возвращает нам массив, и нам нужен только src.
Разберем по порядку:
array(‘width’=>’100′, ‘height’=>’150′) — размеры итогового изображения (или вышеупомянутый arSize),
BX_RESIZE_IMAGE_PROPORTIONAL — тип масштабирования, про котором наши изображения не будут вылазить за указанные границы.
В официальной документации этого метода есть подробное описание, кроме того, там описываются остальные 4 параметра, которые мы тут не использовали (InitSizes, Filters, Immediate, jpgQuality).
автор: Dmitriy
Занимаюсь веб-разработкой с 2011 года. Посмотреть некоторые из моих работ, а также узнать чуть больше обо мне, вы можете на forwww.ru.
— Создание сайтов на 1С-Битрикс любой сложности
— Вёрстка макетов Figma, Photoshop, Zeplin
— Поддержка проектов на Битриксе
— Разработка нового функционала для сайта
— Парсинг данных
— Выгрузка из файлов в формате XML, YML, XLS, XLSX, CSV, JSON
— Интеграция по API со сторонними сервисами
и многое другое
Как правильно задать путь к изображению на wordpress?
Добрый день, может, кто сталкивался с таким. Пока сайт wordpress был на пк, всё прекрасно работало, в шаблоне были строки вида:
Картинки без проблем подгружались.
После переноса папки с сайтом на хостинг картинки, прописанные таким образом в шаблоне, перестали подгружаться. Всё остальное (в т. ч. картинки из постов), работает нормально. В чем может быть проблема и как правильно задать путь?
Суть в том, что get_template_directory_uri() / get_stylesheet_directory_uri() должны работать железно.
morgana_lf: у нормальных хостеров должно работать без проблем. Я не большой специалист по shared, но Agava вроде нормальные. WordPress в плане требований к PHP весьма и весьма прост, в нем нет ничего такого, что может быть заблокировано у хостера на уровне настроек. И уж тем более нет ничего такого в этих функциях. Они просто определяют базовый путь к теме, ничего сверхестественно, вполне себе примитивный функционал. Поэтому проблема где-то еще.
Попробуйте в шаблоне поставить:
и посмотреть что выведет.
Да, и в вашем фрагменте нету точки с запятой в конце вызова функции и стоит лишний пробел перед /img.jpg. Должно быть:
С Вашими исправлениями функция тоже не работает.
morgana_lf: Если выводит то, что вы написали, тогда все работает. Именно это и является корректным путем к папке темы. Должно работать. Давайте попробуем еще так: