Как сделать адаптивными страницы полноразмерной фотографии в фотоальбоме (FULL PHOTO)?

голоса: +4
Добрый вечер! Сайт адаптирован для мобильных устройств, о чем не преминул сообщить сооответствующий инструмент Google. Но: за исключением полноразмерной страницы фотографии фотоальбома (FULL PHOTO в модуле фотоальбомы, которое открывается по $FULL_PHOTO_URL$), например,

http://svoya.ucoz.ru/photo/32-0-4483-3
Появляется полоса прокрутки.

Хотя в CSS прописано для изображений  max-width: 100%, но для этих страниц почему-то не работает.

Соответственно, Google на эти страницы ругается. Как решить проблему и заставить полноразмерные фотографии адаптироваться под размер экрана? Где в системе управления UCOZ надо прописать стиль, который отвечал бы за отображение непосредственно самого FULL PHOTO? И как его прописать? Спасибо!
Адрес сайта http://svoya.ucoz.ru/
| Автор: | Категория: Дизайн сайта
Редактирование | | Автор: Svoya

Ответов: 3

голоса: +4
 
Лучший ответ
Используйте $FULL_PHOTO_DIRECT_URL$ вместо $FULL_PHOTO_URL$ - ссылка будет вести не на страницу, которую нельзя изменить, а сразу на изображение.
| Автор:
Выбор ответа лучшим | | Автор: Svoya
Спасибо большое, заработало! Ура! Но у меня, если позволите, еще вопрос. Сами страницы FULL PHOTO все равно создаются? У меня Google проиндексировал около 2000 таких страниц.

И можно ли для FULL_PHOTO_DIRECT_URL как-то прописать alt к полному изображению?
В Гугле эти страницы есть так как на них были ссылки с ваших основных страниц. Если этих ссылок не будет - гугл не будет по ним переходить и, соответственно, их в гугле не будет. Уже существующие в гугле страницы можно удалить/запретить их индексацию с помощью robots.txt

Что значит alt прописать? Вы можете прописать alt в ссылке, которая ведёт на картинку. На странице самой картинки - нельзя.
Спасибо за ответы! В ссылке alt я прописала, но он относится к превью, а мне бы хотелось, чтобы именно у полноразмерной картинки был alt.
Т.е. что бы при переходе по ссылке FULL_PHOTO_DIRECT_URL у картинки был alt ?

Так сделать нельзя.
голоса: +4
Как было: http://i.imgur.com/80zNpaw.png
как стало: http://i.imgur.com/P6b3EPh.png
Попробуйте так:
- в стилях добавить "max-width: 100%"
- убрать фиксированную высоту и ширину
| Автор:

Спасибо, я это понимаю, но дело в том, что я не знаю, как именно это прописать в стилях. На данный момент у меня в CSS стиле шаблона прописано:
 

img {
 max-width: 100%
}

Но это не помогает. И не могу найти, где в системе управления UCOZ надо прописать стиль, который отвечал бы за отображение FULL PHOTO в модуле фотоальбомы и как еще его надо прописывать, если строчка выше, добавленная в стили, не работает.

Вид фотографии у меня такой:

 

<span class="uphoto">
 <span class="photo-block">
 <span class="ph-wrap">
 <span class="ph-tc">$PHOTO$</span>
 <a href="$PHOTO_LIGHTBOX_URL$" data-url="$PHOTO_URL$" class="ph-link">
 <span class="ph-tc">
 <!--<span class="ph-descr">--> <span style="font-size: 11pt; color:#fefbdc;"> <i><b>$PHOTO_SIZE$<?if($OTHER1$)?>, $OTHER1$<?endif?></b></i></span><br>
 <span class="ph-data"> <!-- <span class="ph-date">--> <span style="color:#ece9cb;"><b><br>Добавлено: $DATE$</b></span>
 <!--<span class="ph-author" href="$PROFILE_URL$">$USER$</span> --> 
 </span>
 </span>
 </a>
 </span>

 

голоса: +2

Здравствуйте, вроде бы так :

body {background: url("http://svoya.ucoz.ru/_ph/32/837659311.jpg") 50% 0% no-repeat fixed;margin:0px; padding:0px;}

| Автор:
Здравствуйте, возможно, я плохо объяснила, это не бэкграунд, это страница полной фотографии модуля фотоальбомы, но только не та, что "страница с полной фотографией и комментариями", а просто FULL PHOTO, которое открывается по $FULL_PHOTO_URL$.
...