Форум

Deff · #21 (**permalink**) 31.05.2012, 15:37

hadzhimuratov,
Возможно тут нужно применять transform к Iframe (скорей всего по событию onload) или css

hadzhimuratov · #22 (**permalink**) 31.05.2012, 15:37

а можешь на примере показать, буду очень признателен.

Deff · #23 (**permalink**) 31.05.2012, 15:47

hadzhimuratov,

<style>
body iframe{

-o-transform:scale(0.5);
-webkit-transform: scale(0.5);
-moz-transform:scale(0.5);
-ms-transform:scale(0.5);
transform::scale(0.5);
}
</style>

Вот исходный http://hostjs-mybb2011.narod.ru/Chess.htm *Шахматы
Вот уменьшенный => http://hostjs-mybb2011.narod.ru/ChessTransf.htm

hadzhimuratov · #24 (**permalink**) 31.05.2012, 15:52

Deff, очень признателен, но я вот тут почитал http://futtta.be/squeezeFrame/, с помощью js делает умелец.

В продолжении, Deff, можешь подсказать как мне js подцепить к php????

P.S. Так у меня и не получается подогнать страницу под iframe((((

Deff · #25 (**permalink**) 31.05.2012, 16:12

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

P.S. Так у меня и не получается подогнать страницу под iframe((((

Мон обрамить фрейм div блоком со скрытым скроллом style="overflow:hidden;width:300px;height:300px;" и отпозиционировать положения окна стайлом самого фрейма iframe style="margin-top:-23px;margin-left:120px;"

hadzhimuratov · #26 (**permalink**) 31.05.2012, 16:17

Уважаемый Deff,
На странице которую я хочу подогнать под iframe у меня карта из кусков, мне нужно уменьшить эту страницу в iframe, этого у меня не получается сделать, а без уменьшения передвигая, всеравно не влазиет(((

Deff · #27 (**permalink**) 31.05.2012, 16:25

hadzhimuratov,
Вы ссылки с примерами смотрели ?
Шахматы ? Шахматы стоят фреймом с ресурса к которому я доступ не имею

Вот уменьшенный с поправленным смещением http://hostjs-mybb2011.narod.ru/ChessTransf2.htm

hadzhimuratov · #28 (**permalink**) 31.05.2012, 16:30

я что то не так делаю??

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>primer</title>
<link href="css/default.css" rel="stylesheet" type="text/css" />
</head>
<style>
body iframe{
-o-transform:scale(0.5);
-webkit-transform: scale(0.5);
-moz-transform:scale(0.5);
-ms-transform:scale(0.5);
transform::scale(0.5);
}
</style>
<body>
<div><iframe SRC="index.html"></iframe></div>
</body>

Deff · #29 (**permalink**) 31.05.2012, 16:35

hadzhimuratov,
Не заданы размеры фрейма

Они должны быть сначало для полноразмерной страницы,

А затем мы поправим

http://htmlbook.ru/html/iframe

hadzhimuratov · #30 (**permalink**) 31.05.2012, 17:00

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>primer</title>
<link href="css/default.css" rel="stylesheet" type="text/css" />
</head>
<style>
body iframe{
-o-transform:scale(0.5);
-webkit-transform: scale(0.5);
-moz-transform:scale(0.5);
-ms-transform:scale(0.5);
transform::scale(0.5);
}
</style>
<body>
<div><iframe SRC="index.html" width="604" height="367"></iframe></div>
</body>
</html>

Размер страницы с кусками карты 1200 на 820.

Форум

Справочник

Discord чат

Курсы javascript