Изображение по размеру окна браузера

E
На сайте с 26.11.2013
Offline
3
700

Здравствуйте уважаемые форумчане!

Подскажите пожалуйста, как сделать, чтобы изображения на сайте не выходили за окно браузера?

дани мапов
На сайте с 06.09.2012
Offline
204
#1

Это когда при наведении увеличивается? Так там надо сам плагин править, если в настройках этого нет - порядочно работы. Такой плагин смотрели - http://www.davidbo.dreamhosters.com/plugins/autoGrid/example1.html ? Вот здесь реальное увеличение фотографии при клике. Стоит недорого - http://codecanyon.net/item/auto-grid-responsive-gallery/3864088

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
E
На сайте с 26.11.2013
Offline
3
#2

дани мапов, Нет, чтобы фото на сайте не выходили за размеры окна браузера

M
На сайте с 18.05.2009
Offline
108
#3

Одиночные фото или анонсы (кучка фото)?

попробуй в стилях прописать чтото типа

.content img {max-width:100%;} - это для поста

{max-width:100%;} родительскому div-у для анонсов

E
На сайте с 26.11.2013
Offline
3
#4

m0ntag, Вот, что у меня сейчас:

<div dir="ltr" style="text-align: left;" trbidi="on">

<div class="separator" style="clear: both; text-align: center;">

<img alt="Красивая девушка 0209" border="0" src="http://2.bp.blogspot.com/-hDX1PMUjSQ0/Uojg5_k65FI/AAAAAAAAR8I/UMfemvaLKBg/s1600/PhotoArt00567.jpg" title="Красивая, голубоглазая девушка с прижатым к губам пальцем, за стеклом с каплями воды" /></div>

<div class="separator" style="clear: both; text-align: center;">

<br /></div>

<br /></div>

Константин Валентинович
На сайте с 23.11.2013
Offline
64
Elsinore:
m0ntag, Вот, что у меня сейчас:
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<img alt="Красивая девушка 0209" border="0" src="http://2.bp.blogspot.com/-hDX1PMUjSQ0/Uojg5_k65FI/AAAAAAAAR8I/UMfemvaLKBg/s1600/PhotoArt00567.jpg" title="Красивая, голубоглазая девушка с прижатым к губам пальцем, за стеклом с каплями воды" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br /></div>

Кто Вам такой, мягко сказано - плохой, код сконвертил?

Надо в img задать размеры фото, равные размерам окна или сделать фото по этим размерам или сделать резиновый дизайн для фото, чтото наподобии такого (если понимаете о чем речь):

img {

border: none;

outline: none;

max-width: 100%;

height: auto !important;

}

E
На сайте с 26.11.2013
Offline
3
#6

Константин Валентинович, В том то и беда, что это блоггер, изображения подгружаются из picasa, и стандартный код он принимать не хочет. Размер изображения задается: "s1600". Никогда раньше такого не видел. Может быть можно подредактировать код шаблона?

Константин Валентинович
На сайте с 23.11.2013
Offline
64
Elsinore:
Размер изображения задается: "s1600"

В каком файле идет такая запись? Какой движок Вы используете?

E
На сайте с 26.11.2013
Offline
3
#8

Константин Валентинович, Блоггер, HTML поста

---------- Добавлено 27.11.2013 в 15:55 ----------

Константин Валентинович, Вот этот пост

Константин Валентинович
На сайте с 23.11.2013
Offline
64
Elsinore:
Константин Валентинович, Блоггер, HTML поста

---------- Добавлено 27.11.2013 в 15:55 ----------

Константин Валентинович, Вот этот пост

У Вас размеры динамически расчитываются JavaScript в зависимости от размеров браузера. Изменить то это теоретически можно, но в Вашем случае легче новый движок написать ☝

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий