Почему не отображается картинка в теге img?

Question

[AnykeyAkaFreeman]

В общем проблема такая:
Есть такой код:

<a href="" data-toggle="modal" data-target="#myModal"><img src="images/small/2016042513164195.jpg" ></img> <br></a>				
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-belledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>  
      </div>
      <div class="modal-body"> <img src= "images/big/2016042513164147.jpg"></img>
	  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button>
      </div>
    </div>
  </div>
</div>

Модальное окно взято из примера Bootstrap, содержимое тегов img передается из переменной, пути все живые, картинки есть, НО картинка в модальном окне не появляется. В чем мой косяк?

Answer 1

[Максим]

а вы попробуйте вставьте изображение из гугла - но в модалке class="image1" а для ccылки class="image" и стили - ну если заработает то у вас не верный путь до изображения

Comments

[Максим]

AnykeyAkaFreeman: название на кирилице ?

[AnykeyAkaFreeman]

Название чего? Картинки? Название картинки формируется в отдельном скрипте и состоит исключительно из цифр

[Максим]

AnykeyAkaFreeman: а где echo ?

[Максим]

AnykeyAkaFreeman: где теги php ?

[AnykeyAkaFreeman]

Вот интересно, из гугла если брать картинку и вставлять ссылку, то все работает. У меня все это выглядит примерно так:
Первая строчка выводит типа превью картинки

echo '<a href="" data-toggle="modal" data-target="#myModal"><img src="' .$row['small']. '" ></img></a>';

Если я здесь меняю $row['small'] на $row['big'] - все отлично работает.
А вот в модальном окне нет

[Максим]

AnykeyAkaFreeman: https://cloud.mail.ru/public/Ffdr/4BLKrpJsM вот мой bootstrap - залепуха но проверь

[AnykeyAkaFreeman]

Максим Жаров согласен, работает. А у меня почему нет?

echo '<a href="" data-toggle="modal" data-target="#myModal"><img src="' .$row['small']. '" ></img></a>';?>
				
				<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>  
      </div>
      <div class="modal-body"> <img src= "<? echo $row['big']; ?>"></img></div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal" align="center">Закрыть</button>
      </div>
    </div>
  </div>
</div>

[Максим]

AnykeyAkaFreeman: лишние теги удали - мне на работу пора

[AnykeyAkaFreeman]

А вот, что я вижу уже на сформированной браузером странице

<a href="" data-toggle="modal" data-target="#myModal"><img src="images/small/2016042513164195.jpg" ></img></a>				
				<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>  
      </div>
      <div class="modal-body"> <img src= "images/small/2016042513164195.jpg"></img></div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal" align="center">Закрыть</button>
      </div>
    </div>
  </div>
</div>

Причем если прямо в view-source тыкать на ссылки - все работает!

[Максим]

AnykeyAkaFreeman: в общем я вывел на php изображения в bootstrap modal window , применял php4 модернизируй до php 5 или большей версии сам , ссылку на sql и вёрстку выкладываю применял xampp server если работаешь под denwer то внутри bootstrap.fi создай директорию www и неё помести modal.php

[AnykeyAkaFreeman]

Я использую OpenServer и PHP версии 5.6.3

[Максим]

AnykeyAkaFreeman: ну тогда папка www не нужна , если скачал и проверил опишись

[AnykeyAkaFreeman]

Не, не качал. Я тут еще странность нашел. В просмотре кода (view-source), как я же говорил ранее, все отображается как и положено и даже клики по ссылкам дают правильный результат. А вот в консоли разработчика тег img пустой

[Максим]

скорее всего выведено через php не верно - скачай и посмотри

[AnykeyAkaFreeman]

Что скачать? Что не правильно? Вот я чуть ниже кинул исходник, там все ясно вроде

[Максим]

AnykeyAkaFreeman: в общем я вывел на php изображения в bootstrap modal window , применял php4 модернизируй до php 5 или большей версии сам , ссылку на sql и вёрстку выкладываю применял xampp server если работаешь под denwer то внутри bootstrap.fi создай директорию www и неё помести modal.php

[Максим]

AnykeyAkaFreeman: https://cloud.mail.ru/public/GfdG/puvDsAeGQ вот это скачай и делай как я написал в инструкции

[AnykeyAkaFreeman]

Работает. А у меня-то что не так?

[Максим]

AnykeyAkaFreeman: сделай экспорт базы данных + папку с вёрсткой и кинь мне , вот так как я тебе скинул

[AnykeyAkaFreeman]

Максим Жаров https://cloud.mail.ru/public/63Ub/T2DLTCg4R

[Максим]

AnykeyAkaFreeman: у тебя там не правильно - смотри мой пример - учи php

[AnykeyAkaFreeman]

Я пытаюсь учить делая что-то сразу. Что здесь не правильно?

[Максим]

AnykeyAkaFreeman: ну вот смотри $row это массив и он должен включать в себя результат выборки $result -а у тебя ни того не другого , какой смысл в while вкладывать #row ? $row = $result посмотри чем отличаются мой и твой запрос

[AnykeyAkaFreeman]

Тут дело не в запросе! Если вообще без модального окна выводить два изображения подряд $row['small'] $row['big'], все отлично работает! Но как только обернуть $row['big'] в модальное окно то перестает работать

[Максим]

AnykeyAkaFreeman: я завтра приду с работы и посмотрю что там за ошибка - я просто код смотрел - отвечу завтра

[AnykeyAkaFreeman]

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

[Максим]

AnykeyAkaFreeman: в общем - для начала надо создать подключение можно использовать define для указания localhost , db_user , db_user_pass и так же нужно через define указать путь до изображений в общем создаётся config.php и в нём всё это указывается и router.php создаётся отдельно но как делаешь это ты не верно - я щас напишу пример - делай так и заметь ты сам поймёшь что это удобнее

[Максим]

AnykeyAkaFreeman: собственно вот смотри с описанием

[AnykeyAkaFreeman]

Максим, то ли я тебя не понимаю, то ли ты меня. В файле index.php я подключаю файл с настройками для бд (require 'connect.php';) в этом файле я подключаюсь к бд и выбираю таблицу. Затем в index.php я обращаюсь к бд, что бы вытянуть от туда все и поместить в массив, все как у тебя. Дальше в цикле я разбираю этот массив и данные из него запихиваю в таблицу. Все везде запихивается отображается - все гуд. По началу, в качестве проверки, я выводи изображения друг за другом, первое мелкое, а за ним большое. Так я убедился, что мой код работает и выдает все то, что я от него ожидаю. Настало время немного навести марафет, а именно обернуть большую картинку в модальное окно. Вот и приплыли, судя по коду сформированной страницы оно есть, а вот по факту нет. Я уже на киберфоруме задал такой же вопрос и там пришли к мнению, что проблема не в моём коде. Проблема где-то в js и css бустрапа, потому что в сформированной странице все есть, все правильно и все доступно (PHP значит отработал четко), а вот в консоли разработчика тег img пустой, а это результат интерпретации HTML кода+CSS стилей+клиентских сценариев браузером.

[AnykeyAkaFreeman]

www.cyberforum.ru/php-beginners/thread1721173.html если интересно

[Максим]

AnykeyAkaFreeman: лан - team viewer есть ?

[AnykeyAkaFreeman]

Есть Ammyy

[Максим]

AnykeyAkaFreeman: логин и пароль пиши

[Максим]

AnykeyAkaFreeman: id = 9 знаков

[AnykeyAkaFreeman]

Максим Жаров Этож Ammyy. У него 8

[Максим]

AnykeyAkaFreeman: у меня линукс - и всяких ammyy нету для него , в общем если не хочешь то я отваливаю - надоело боротся с тобой

Answer 2

[AnykeyAkaFreeman]

Что-то я уже напутал, что кидал. Вот всё точно теперь:
Это исходник:

echo '<a href="" data-toggle="modal" data-target="#myModal"><img src="' .$row['small']. '" ></img></a>';?>
				
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>  
      </div>
      <div class="modal-body"> <img src="<? echo $row['big']; ?>"></img></div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal" align="center">Закрыть</button>
      </div>
    </div>
  </div>
</div>

А это я вижу в просмотре кода сформированной страницы:

<a href="" data-toggle="modal" data-target="#myModal"><img src="images/small/2016042513164195.jpg" ></img></a>				
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>  
      </div>
      <div class="modal-body"> <img src="images/big/2016042513164147.jpg"></img></div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal" align="center">Закрыть</button>
      </div>
    </div>
  </div>
</div>

При том, что если тыкать в ссылки прямо в view-source все работает!

Comments

[Алексей]

Показали бы лучше пациента. Может у вас там base href есть и ссылки на странице не работают.

[AnykeyAkaFreeman]

Алексей ссылки на пациента нет, все на локальном сервере. Ситуация такая, что в первой строчке изображение выводится нормально, в не зависимости о того, что там написано $row['big'] или $row['small'], а вот дальше, в модальном окне, не хочет ни в какую

Answer 3

[Александр Алексеев]

<img src="" ></img> - невалидно
<img src="" /> - правильно

Comments

[AnykeyAkaFreeman]

Если я Вас правильно понял, то это просто экранирование тега. Оно вроде как должно быть у меня в первой строчке, там где я через echo вывожу html теги. Во втором случае, я просто подставляю источник картинки в тег img.
Я попробовал конечно сделать как Вы написали, но это не помогло