Привет, на сайте вылез косяк, картинки в постах не видны при первом входе на страницу с мобильного, при обновлении появляются. Что это может быть? С кешем играюсь, результата ноль, от размеров и количества не зависит...
Спасибо!

_____________
Ex3m.com.ua — Активный образ жизни

dron4ik А проверял с разных браузеров, с разных устройств?

Wind
Проверял. На компе под виндой и линуксом на браузерах ФФ, хром, опера и ЕЕ все норм, на мобильных и через моб. интернет и файфай все печально...

_____________
Ex3m.com.ua — Активный образ жизни

dron4ik А ссылку можно?

VeRTak
sundef.kiev.ua/tkanevye-rolety/rolety-den-noch - вот на этой, и ей подобных(еще несколько)

_____________
Ex3m.com.ua — Активный образ жизни

dron4ik Safari - полет нормальный. Видроид достал, сейчас зарядиться, еще с него гляну.

Debian 8 64-bit
Google chrome Версия 55.0.2883.87 (64-bit)
При первичной загрузке картинок нет - только белые полосы!
После обновления картинки появляются и больше не пропадают, даже при открытии в новой вкладке! Если очистить кэш история с отсутствием картинок повторяется!
В Mozilla Firefox 45.6.0 - все по явилось сразу!

_____________
Мой первый сайтик

Посмотри на свой XBMC под другим углом

dron4ik, вот смотри, какая хрень там у тебя.

Во-первых, зачем-то используются как стили, так и "старомодные" установки параметров типа

<img .... width="300" height="500">

Во-вторых, описанная тобой шняга у меня происходит и под виндой, в разных браузерах. Внизу страницы, по твоей ссылке, сначала видны только узкие полоски (точнее, несколько первых картинок все-таки видны). Достаточно кликнуть по ним (по полоскам) мышОй, как картинки становятся нормального размера. Причем, если кликаю левой кнопкой, то также вылезает эта картинка в полном размере (насколько я понимаю, это так и задумывалось). А если кликаю правой кнопкой, то картинка просто становится видна на странице. После нажатия Ctrl-F5 всё возвращается в исходное состояние.

Ну и в-третьих. Если залезаю в стили и вот тут (style.css:185)

#content img {
  height: 100%;
}

убираю эту установку высоты вообще, то внезапно все картинки становятся видны.

Либо, другой вариант, для элемента <a> (см. в коде ниже) принудительно выставляю 'height:518px', то именно эта картинка становится нормально видимой.

Судя по коду для каждого элемента

<div class="ngg-gallery-thumbnail">
  <a href="http://sundef.kiev.ua/wp-content/gallery/rolety-den-noch/03-BH1.jpg" 
       title="" 
       data-src="http://sundef.kiev.ua/wp-content/gallery/rolety-den-noch/03-BH1.jpg" 
       data-thumbnail="http://sundef.kiev.ua/wp-content/gallery/rolety-den-noch/thumbs/thumbs_03-BH1.jpg" 
       data-image-id="413" data-title="03-BH1" 
       data-description="" 
       class="ngg_lightbox">
      <img title="03-BH1" alt="03-BH1" 
               src="http://sundef.kiev.ua/wp-content/gallery/rolety-den-noch/thumbs/thumbs_03-BH1.jpg" 
               width="300" 
               height="500" 
               style="max-width:none;">
  </a>
</div>

тебе нужно для начала выкинуть нафиг 'width="300" height="500" style="max-width:none;"' и установить всё это через нормальные стили. Может быть, надо будет через JS как-то обработать. Например, в качестве "хот-фикса" после загрузки страницы принудительно установить высоту указанных выше элементов <a>. Но это будет заплатка, а не решение.

Ну и также, судя по этому коду (всякие там data- элементы), я думал, что там что-то обрабатывается в JS. Но нет, оно в таком виде грузится с сервера. Эти data, скорее всего, нужны для полноразмерного просмотра картинки.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)