Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 11.03.2013, 19:27
Новичок на форуме
Отправить личное сообщение для Uladzimir Посмотреть профиль Найти все сообщения от Uladzimir
 
Регистрация: 11.03.2013
Сообщений: 7

методом тыка сделал scrollbars=yes
Сори что отвлёк!
Ответить с цитированием
  #12 (permalink)  
Старый 11.03.2013, 21:05
Аспирант
Отправить личное сообщение для Ahterknica Посмотреть профиль Найти все сообщения от Ahterknica
 
Регистрация: 13.02.2013
Сообщений: 59

Эхх.
У меня этот код:
<!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?
Ответить с цитированием
  #13 (permalink)  
Старый 11.03.2013, 21:24
Аватар для Hekumok
Отправить личное сообщение для Hekumok Посмотреть профиль Найти все сообщения от Hekumok
 
Регистрация: 04.06.2012
Сообщений: 513

Ahterknica,
image.style.minHeight = "100%" ;
image.style.minWidth = "100%" ;

где image - ваша картинка
__________________
★ ²º¹³ ☆
Ответить с цитированием
  #14 (permalink)  
Старый 11.03.2013, 21:34
Аспирант
Отправить личное сообщение для Ahterknica Посмотреть профиль Найти все сообщения от Ahterknica
 
Регистрация: 13.02.2013
Сообщений: 59

вот. мне нужен суперкод.
Чтобы либо ширина, либо высота была равно всегда 100%, а вторая часть обрезалась.
такое существует?
Ответить с цитированием
  #15 (permalink)  
Старый 11.03.2013, 21:35
Аспирант
Отправить личное сообщение для Ahterknica Посмотреть профиль Найти все сообщения от Ahterknica
 
Регистрация: 13.02.2013
Сообщений: 59

я дошла до состояния, что белых кусков нет. но на мелких экранах видна слишком маленькая часть картинки, и это проблема
Ответить с цитированием
  #16 (permalink)  
Старый 12.03.2013, 05:30
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,590

Код ваш покажите, или кусок кода, где применяете.
__________________
29375, 35
Ответить с цитированием
  #17 (permalink)  
Старый 12.03.2013, 05:37
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

var width = image.offsetWidth,
    height = image.offsetHeight;

image.style[width > height ? 'height' : 'width'] = '100%';
Ответить с цитированием
  #18 (permalink)  
Старый 12.03.2013, 11:13
Аспирант
Отправить личное сообщение для Ahterknica Посмотреть профиль Найти все сообщения от Ahterknica
 
Регистрация: 13.02.2013
Сообщений: 59

Сообщение от Aetae
Код ваш покажите, или кусок кода, где применяете.
мм. вот. кажется, я там уже намудрила лишнего..

<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>
Ответить с цитированием
  #19 (permalink)  
Старый 12.03.2013, 11:14
Аспирант
Отправить личное сообщение для Ahterknica Посмотреть профиль Найти все сообщения от Ahterknica
 
Регистрация: 13.02.2013
Сообщений: 59

и плюс я в css задаю параметры img
#img {
	min-height:100%;
	min-width:100%;
	vertical-align:middle
    }
Ответить с цитированием
  #20 (permalink)  
Старый 12.03.2013, 11:28
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,132

Для информации ... Растянуть изображение фоном.

Код написанный выше иммитирует
Сообщение от Deff
свойство http://htmlbook.ru/css/background-size
тут danik.js, предложил свой вариант

Задача как я понимаю у тс -- сделать изменяющийся фон, проблема в пропорциях и весе картинок.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Смен фона форума по ссылки на картинку lyamon4ik Элементы интерфейса 6 17.01.2013 14:25
Как правильно забрать картинку с сервера? Serh AJAX и COMET 4 30.07.2012 14:05
Алгоритм плавной смены фона или изображения vandy3 Общие вопросы Javascript 6 11.11.2010 00:56
VML в качестве фона FINoM (X)HTML/CSS 5 04.10.2010 22:26
Как использовать спрайты для Inline-блоков в качестве фона в IE6? Nominus umbra (X)HTML/CSS 2 11.06.2010 21:58