Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   как дорисовать часть картинки, не влезшей в <div> с overflow: hidden (https://javascript.ru/forum/xhtml-html-css/43853-kak-dorisovat-chast-kartinki-ne-vlezshejj-v-div-s-overflow-hidden.html)

DimaShin 24.12.2013 03:54

как дорисовать часть картинки, не влезшей в <div> с overflow: hidden
 
:help: :help: :help: :help: :help: :help: :help: :help: :help: :help: :help:
Суть такая. есть div заданной ширины, в нем размещаются img float:left. Если очередная картинка не влазит целиком, ее вообще не показывает, а хотелось бы, чтобы div был заполнен полностью.
то есть:
<div style="overflow:hidden,width:inherit,height:50px">
<ul style="width:999999px,height:inherit">
<li>
<img style="height:50px">
</li>
</ul>
</div>
Наверное кто-то из вас узнал структуру слайдера ) так и есть. речь о привьюшке к слайдеру. Соответственно ширина наследуется, и варьируется в зависимости от картинки. значит подгадать с высотой привью - не вариант.
Сразу скажу, что overflow: scroll тоже не вариант из-за корявости дизайна.
:help: :help: :help: :help: :help: :help: :help: :help: :help: :help: :help:
P.S. сложно лаконично сформулировать вопрос, так что не особо искал по форуму. Если, вдруг, была такая тема, укажите направление ))))
UPD: кажется решено использованием clip. Если есть альтернативные способы - пишите)

Терехов Станислав 25.12.2013 17:34

DimaShin,
измените размер картинок и точно укажите пиксели. сколько пикселей в блоке, просчитайте пиксели, картинки укажите верный размер. Размер картинку можно подогнать в фотошопе, можно указать ширину и высоту в html, как атрибуты тэга <img>

DimaShin 26.12.2013 17:04

речь об универсальной функции, создающей красивый слайдер из произвольных картинок. Что дизайнер в <div> запихнул, то в слайдер и попало.


Часовой пояс GMT +3, время: 06:24.