Изменение размера изображений html/css/jquery?

-1

Я искал через интернет способ выяснить, как this были сделаны.Изменение размера изображений html/css/jquery?

Если вы изменяете размер окна, всегда имеете одинаковую пропорцию, но также это не полное изображение.

Я пробовал код CSS, но это не так.

.res { 
    min-width: 100%; 
    min-height: 100%; 
    height: auto; 
    width: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
}

Я видел, что есть слайдер, но ядро должно быть в CSS, я так думаю. Или может быть в некоторой части кода javascript?

Спасибо за ваше время и помощь!

источник

2013-09-19 Ardilla

Плагин JQuery для этого взгляните! Здорово!

http://demo.andreaseberhard.de/superbgimage/demo.html

Ах, вот еще один CSS единственное решение, с помощью CSS3. Взято из css-трюков.

http://css-tricks.com/perfect-full-page-background-image/

html { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

источник

2013-09-19 10:37:33 chris

классный, спасибо, искал его. – Ardilla

И вот только css решение. certenly это построено со столами http://www.ringvemedia.com/ – chris

Использование

max-width:100%; 
max-height:100%;

источник

2013-09-19 10:38:34

спасибо, но если я ставлю max-height: 100%; он не заполняет окно изображением. они разместили демоверсию, которая делает то, что мне нужно. – Ardilla

Если вы проверить код, вы видите, что это сделано с помощью этого:

http://dimsemenov.com/plugins/royal-slider/

Итак, это в основном Javascript код , Код, конечно, использует CSS для управления макетом.

источник

2013-09-19 10:40:59 Guffa

Да, я видел, что они использовали королевский слайдер, спасибо, что проверили его. во всяком случае, нужен слайдер, который может сделать это для меня, как @chris отправил! – Ardilla

Изменение размера изображений html/css/jquery?

ответ

Смежные вопросы