методом тыка сделал scrollbars=yes
Сори что отвлёк! |
Эхх.
У меня этот код:
<!DOCTYPE HTML>
<html lang="ru-RU">
<head>
<meta charset="UTF-8">
<style type="text/css">
* {
margin: 0; padding:0;
}
html, body {
width: 100%;
height: 100%;
overflow: hidden;
}
img {
min-width: 100%;
min-height: 100%;
}
</style>
</head>
<body>
<img src="http://www.deviantart.com/download/358128988/new_visitor_by_maxdamagetorture-d5x7y3g.jpg"/>
</body>
</html>
не распространяется на картинку, которая задана через скрипт. Можно ли задать те же параметры картинке, но через javascript? |
Ahterknica,
image.style.minHeight = "100%" ; image.style.minWidth = "100%" ; где image - ваша картинка |
вот. мне нужен суперкод.
Чтобы либо ширина, либо высота была равно всегда 100%, а вторая часть обрезалась. такое существует? |
я дошла до состояния, что белых кусков нет. но на мелких экранах видна слишком маленькая часть картинки, и это проблема
|
Код ваш покажите, или кусок кода, где применяете.
|
var width = image.offsetWidth,
height = image.offsetHeight;
image.style[width > height ? 'height' : 'width'] = '100%';
|
Цитата:
<script type="text/javascript">
var i , t,
b;
var speed = 6000
var Pic = ['image/img_1.jpg',
'image/img_2.jpg',
'image/img_3.jpg',
'image/img_4.jpg']
var j = 0
var p = Pic.length
for (i = 0; i < p; i++){
var preLoad = new Image()
preLoad.src = Pic[i]
Pic[i] = preLoad
}
function get(a) {
var c = document,
d = c.body,
e = c.documentElement,
f = "client" + a;
a = "scroll" + a;
return c.compatMode === "CSS1Compat" ? Math.max(e[f], e[a]) : Math.max(d[f], d[a])
}
window.onload = fon;
i = new Image;
function fon() {
window.clearTimeout(t);
j++
j %= p
i.src = Pic[j].src;
i.style.position = "absolute";
i.style.left = "0px";
i.style.top = "0px";
i.style.height = get("Height") + "px";
i.style.zIndex = -999;
i.id="img"
document.body.appendChild(i)
t = setTimeout(fon, speed)
}
window.onresize = function () {
var i = document.getElementById("img");
if(i) document.body.removeChild(i);
window.clearTimeout(b);
b = window.setTimeout(function () {
fon()
}, 20)
};
</script>
|
и плюс я в css задаю параметры img
#img {
min-height:100%;
min-width:100%;
vertical-align:middle
}
|
Для информации ... http://javascript.ru/forum/dom-windo...nie-fonom.html
Код написанный выше иммитирует Цитата:
Задача как я понимаю у тс -- сделать изменяющийся фон, проблема в пропорциях и весе картинок. |
| Часовой пояс GMT +3, время: 18:24. |