Ползунок и $(window).width()

[KingMaks]

Проблема такая, javascript-ом гружу картинку и вставляю в div и задаю картинке ширину окна браузера $(window).width(). Пока картинки не загрузилась ширина окна браузера была 1366, при загрузке картинки естественно ширина самой картинки стала 1366. Так как высота картинки больше чем высота окна браузера справа появляется ползунок для перемотки картинки и окно браузера стает равным 1350, а картинка так и осталась 1366, то есть теперь картинка шире окна браузера и снизу тоже появляется ползунок для прокрутки картинки по горизонтали, в общем как с этим бороться? что-бы ползунок всегда был или что-бы ширину задало после появления ползунка, может слушатель какой есть на появления ползунка? всем спасибо

[ABTOMAT]

А чем css

width: 100%

не угодил?

Попробуй отключить прокрутку

$("body").css("overflow", "hidden");

или

$("body").css("overflow", "auto");

Или то же самое через ксс.

[KingMaks]

Сообщение от ABTOMAT

А чем css

width: 100%

не угодил?

Мне нужно заданная ширина экрана, что-бы margin-right работал, стрелочки переключений прикрутил к левой и правой стороне экрана, а еще по resize меняю ширину. Убрал ползунок - помогло, спасибо

[moka]

Для картинок не гарантированного aspect ratio, советую использовать background-size: cover; и background-position: center center; чтобы картинка честно умещалась в область, и была по серединке, ровно отрезалась по не влезшим краям. Если нужно на весь экран, то контейнер (div) можно сделать position: absolute; с top, right, bottom, left, 0 и width/height: auto;

[ABTOMAT]

Сообщение от moka

Для картинок не гарантированного aspect ratio, советую использовать background-size: cover; и background-position: center center; чтобы картинка честно умещалась в область, и была по серединке, ровно отрезалась по не влезшим краям. Если нужно на весь экран, то контейнер (div) можно сделать position: absolute; с top, right, bottom, left, 0 и width/height: auto;

А да кстати тоже вариант.
Но на старых ИЕ не работает, а они всё ещё в ходу.
Хотя признаться я и сам уже на них стал болта класть.

[moka]

Сообщение от ABTOMAT

А да кстати тоже вариант.
Но на старых ИЕ не работает, а они всё ещё в ходу.
Хотя признаться я и сам уже на них стал болта класть.

Чем раньше все будут класть, тем лучше

[KingMaks]

Еще один вопрос. Вставляю видео с ютуба

<iframe id="ytplayer" type="text/html"\n\
        src="http://www.youtube.com/embed/1McSQSqfeIY?autoplay=1&rel=0&showinfo=0&controls=0"\n\
        frameborder="0">

Как бы сделать на весь экран? получалось делать с тегом <video>, может как-то можно с помощью тега <video> загрузить видео с ютуба или как-то в <iframe> сделать видео на весь экран? одно из двух, только бы решение найти

[ABTOMAT]

Сообщение от KingMaks

Еще один вопрос. Вставляю видео с ютуба

<iframe id="ytplayer" type="text/html"\n\
        src="http://www.youtube.com/embed/1McSQSqfeIY?autoplay=1&rel=0&showinfo=0&controls=0"\n\
        frameborder="0">

Как бы сделать на весь экран? получалось делать с тегом <video>, может как-то можно с помощью тега <video> загрузить видео с ютуба или как-то в <iframe> сделать видео на весь экран? одно из двух, только бы решение найти

https://developers.google.com/youtub...eference?hl=ru
Ищи тут, может, есть нужная функция.

[ABTOMAT]

Ну накрайняк можно iframe джаваскриптом растянуть. Хотя если в апи есть нужная функция лучше юзнуть её.

[KingMaks]

Сообщение от ABTOMAT

https://developers.google.com/youtub...eference?hl=ru
Ищи тут, может, есть нужная функция.

Да всю инфу от туда и взял, только вот с полным экраном не вышло. Сейчас вот вроде через embed что-то получается, на этом пока и остановлюсь.