Jump to content
  • 0
Sign in to follow this  
disif

Проблемы со вставкой картинкой

Question

disif    0

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

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post

14 answers to this question

Recommended Posts

  • 0

Картинка меняется в зависимости от разрешения монитора (пропорционально). Поэтому нельзя сделать так как вы хотите. Что бы понимать что происходит с картинкой, нажмите предпросмотр в браузере, возьмите мышью за край браузера и уменьшайте размер. Всё что можно сделать, подобрать оптимальную точку закрепления, что бы какая то часть картинки обязательно отображалась
Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0
disif    0
2 минуты назад, Павел Хомерики сказал:

Картинка меняется в зависимости от разрешения (пропорционально). Поэтому нельзя сделать так как вы хотите. Что бы понимать что происходит с картинкой, нажмите предпросмотр в браузере, возьмите мышью за край браузера и уменьшайте размер. Всё что можно сделать, подобрать оптимальную точку закрепления, что бы какая то часть картинки обязательно отображалась
Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

как к примеру здесь 

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post
  • 0

Не понял что вы имеете ввиду...

... И , так делать нельзя. Контент не должен выступать за поля, кроме блоков 100% ширины.


Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

 

Share this post


Link to post
  • 0
disif    0

Я имею ввиду что на представленной картинки картинка изображена полностью

 

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

Share this post


Link to post
  • 0

На меньших разрешениях сайт будет обрезаться по полям (слева) и доступ к обрезанному контенту пользователь сможет получить только изменив масштаб. Если вам надо шире, то задайте в настройках сайта шире, но не заступайте за поля.

По поводу примера, где отображается вся картинка, дайте ссылку на сайт, а не картинку

Share this post


Link to post
  • 0
disif    0
3 минуты назад, Павел Хомерики сказал:

На меньших разрешениях сайт будет обрезаться по полям (слева) и доступ к обрезанному контенту пользователь сможет получить только изменив масштаб. Если вам надо шире, то задайте в настройках сайта шире, но не заступайте за поля.

По поводу примера, где отображается вся картинка, дайте ссылку на сайт, а не картинку

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post
  • 0

Ну и? Тоже самое. Закрепление у картинки установлено на верхний край, на других разрешениях она так же меняется. Просто подобран компромисс
Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.
Если вам нужна картинка с фиксированным размером, не устанавливайте ее на 100% ширину

Share this post


Link to post
  • 0
disif    0

но тогда она не будет на полную ширину сайта, может есть какие нибудь виджеты ?

Share this post


Link to post
  • 0
19 минуту назад, disif сказал:

но тогда она не будет на полную ширину сайта, может есть какие нибудь виджеты ?

Ну как вы не поймете, картинка изменяется пропорционально. Если вы изменяете ширину то и высота изменяется, иначе картинка сплющится или растянется. Можно сделать так - растянуть блок в который заливается картинка далеко за границы, сделать его шириной 2500 пикселей (чтоб охватить все разрешения) и добавить в хэд код скрывающий горизонтальный скроллинг
<style>
   html {
    overflow-x: hidden;
   }
  </style>

Share this post


Link to post
  • 0
disif    0

Скажите пожалуйста а как добавить в хэд код ? где он вообще ? 

расстянуть горизантально или вертикально ? у меня в ширину не влазиет

Share this post


Link to post
  • 0
22 часа назад, Павел Хомерики сказал:

Ну как вы не поймете, картинка изменяется пропорционально. Если вы изменяете ширину то и высота изменяется, иначе картинка сплющится или растянется. Можно сделать так - растянуть блок в который заливается картинка далеко за границы, сделать его шириной 2500 пикселей (чтоб охватить все разрешения) и добавить в хэд код скрывающий горизонтальный скроллинг
<style>
   html {
    overflow-x: hidden;
   }
  </style>

я использую картинку в 1920 в ширину и высотой в высоту блока. и выставляю позиционирование по ширине посередине. - тогда на больших экранах (до 1920 конечно) показывает без полей а на маленьких "обрезает фон" по бокам - но без скролинга по горизонтали.

подгонку - ставлю исходный размер

не претендую на истину в последней инстанции.

Share this post


Link to post
  • 0
disif    0
20 часа назад, Greymouse2 сказал:

я использую картинку в 1920 в ширину и высотой в высоту блока. и выставляю позиционирование по ширине посередине. - тогда на больших экранах (до 1920 конечно) показывает без полей а на маленьких "обрезает фон" по бокам - но без скролинга по горизонтали.

подгонку - ставлю исходный размер

не претендую на истину в последней инстанции.

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

Share this post


Link to post
  • 0
В 18.11.2015, 8:16:44, disif сказал:

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

обрезаются края. если задача вывести всю картинку и при этом сохранить ее геометрию - в общем это скриптом делать из 2х картинок -

1 3 на 4

2 16 на 9   

это соотношение сторон монитора..

возможно есть и другие варианты соотношений .. эти то самые стандартные

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке. - вот пример вставки фона который тянется.

Share this post


Link to post
Sign in to follow this  

×
×
  • Create New...