Jump to content
  • 0

не отображается изображение

sergeiko

Asked by sergeiko,

 Share

Question

sergeiko Explorer

sergeiko

Posted
Posted

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

 <img src="img/album/01/01.jpg" alt="">

 

все правильно-адрес корректен. Файл в котором идет отображение находится в той же директории что и папка "img"

В чем может быть проблема?
Спасибо!!

Link to comment
Share on other sites

12 answers to this question

Recommended Posts

  • 0
sergeiko Explorer

sergeiko

Posted
  • Author
Posted

1. в браузере firefox на элементе где должна быть картинка нажимаю правую клавишу мыши и вот нету там пункта  «Информация об изображении»....

Беру исследовать элемент-ну а там все верно...Почему браузер не понимает что элемент -изображение??

 

<a href=""><figure class="sign"><div class="photo"><img src="img/album/01/01.jpg" alt=""><figcaption></figcaption></div></figure></a>

 

Вот такой проблемный блок кода...

Link to comment
Share on other sites
  • 0
ShumNo Explorer

ShumNo

Posted
Posted

Довольно специфические названия у файлов однако

img/album/Кам'янець-Подільський/tittle_Кам'янець-Подільський.jpg

 

Во первых заглавные буквы

Во вторых спец символы

В третьих относительный путь к картинке (это может быть, если у нас 1 страница - в других случаях это вызывает проблемы)

 

Один или несколько из вышеперечисленных пунктов мешает вам увидеть картинку.

Имя картинки лучше переводить в транслит.

Link to comment
Share on other sites
  • 0
sergeiko Explorer

sergeiko

Posted
  • Author
Posted

Спасибо..поработаю с именами..Хотя пробовал создавать банально названия "01"-тоже самое.....А вот почему на локальном сервере все работает??Ни спецсимволы не мешают ни заглавные буквы ни кирилица....Все отлично.А вот как только залил на сервер-все ломается?

Link to comment
Share on other sites
  • 0
ShumNo Explorer

ShumNo

Posted
Posted

Спасибо..поработаю с именами..Хотя пробовал создавать банально названия "01"-тоже самое.....А вот почему на локальном сервере все работает??Ни спецсимволы не мешают ни заглавные буквы ни кирилица....Все отлично.А вот как только залил на сервер-все ломается?

значит дело в пути до картинки. я бы даже сказал это самая вероятная причина

http://velokaif.ho.ua/menu/photo/img/album/Світязь/tittle_Світязь.jpg

 

вот правильный путь до картинки для той страницы что вы привели

картинки там нет

Ну или все таки дело в названиях файлов

http://velokaif.ho.ua/menu/photo/img/album/

у меня тут просто каракули

Link to comment
Share on other sites
  • 0
wwt Explorer

wwt

Posted
Posted

А я вот думаю что ТС вообще там навоял ни пойми чего.

post-61936-0-45615000-1437762639_thumb.p

 

И дело тут не в именах файлов или пути.

 

1. имена файлов вполне могут содержать специальные символы, кириллицу, да хоть пробелы это вообще не проблема.

2. относительные пути это не зло, это наоборот правильно, но нужно соблюдать некоторые правила!

 

в html есть такой тег <base> почитайте о нем, тогда с относительными путями у вас тут же все магическим образом станет работать так как вам хочется.

Link to comment
Share on other sites
  • 0
ShumNo Explorer

ShumNo

Posted
Posted
2. относительные пути это не зло, это наоборот правильно, но нужно соблюдать некоторые правила!

Разве относительные пути к картинкам это удобно? Естественно кроме стилевых файлов потому как он всегда на одном и том же месте.

Можете привести пример известного сайта с подобным подходом?

Link to comment
Share on other sites
  • 0
wwt Explorer

wwt

Posted
Posted
Разве относительные пути к картинкам это удобно? Естественно кроме стилевых файлов потому как он всегда на одном и том же месте. Можете привести пример известного сайта с подобным подходом?

 

А разве нет? Конечно если ваш проект очень большой, и картинки лежат на отдельном сервере для статики, то конечно им указывается абсолютный путь, а не относительный.

 

А вот когда картинки находятся на том же виртуальном хосте что и сам сайт, то намного удобнее использовать тег base и относительные пути.

 

UPD сейчас что-то задумался, относительные пути это не только '../../image.jpg', а вот такие '/image.jpg' тоже =) Но ни в тех ни в других нет ничего плохого. Если понимать как они работают конечно же.

Link to comment
Share on other sites
  • 0
ShumNo Explorer

ShumNo

Posted
Posted

Ну в общем да, я немного сморозил и имел ввиду относительные от корня домена, но в рамках системы они как бы абсолютные потому как с любой страницы ведут в одно и тоже место, а в общем относительные :)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept