PDA

Просмотр полной версии : картинки 2


Telepoozeeck
17.11.2007, 16:23
снова вопрос по картинкам в страничках .
дано: картинка в HTML вставленная через javascript

var divWidth = preloadedIntroPics[0].width;
var divHeight = preloadedIntroPics[0].height;
imgTop = document.createElement('img');
imgTop.src = preloadedIntroPics[0].src;
imgTop.style.width = divWidth+'px';
imgTop.style.height = divHeight+'px';
document.body.appendChild(imgTop);

всё просто.
а теперь посмотрим на нестандартном разрешении (16:9 или 5:4)
картинка будет растянута
что бы не тянулась делаем так

var divWidth = preloadedIntroPics[0].width;
var divHeight = preloadedIntroPics[0].height*screenRatio;
imgTop = document.createElement('img');
imgTop.src = preloadedIntroPics[0].src;
imgTop.style.width = divWidth+'px';
imgTop.style.height = divHeight+'px';
document.body.appendChild(imgTop);


где

var DEFAULT_X_RES = 1024;
var DEFAULT_Y_RES = 768;
var screenRatio = (DEFAULT_X_RES/DEFAULT_Y_RES)/(screen.width/screen.height)

у меня всё чики-пуки. на любых резолюциях. у клиента всё тянется в высоту.:hmm:

и у клента и у меня разрешение 1280х1024. единственное различие это то что у меня 17" а у киента 21"


где косяк?