IE and -ms-zoom
не работает свойство ms-zoom если здавать через js, если через css то работает
zooming.css({
WebkitTransform :'scale('+scale+')',
MozTransform : 'scale('+scale+')',
OTransform : 'scale('+scale+')',
MsZoom: scale*100+'%'//-ms-zoom
})
|
cyber,
Попробуй задать через тег style (типо задать пустому тегу style innerHTML (ну или поменять его <style id="Myzoom"> /*Тут код*/ </style> |
впихнул так
zooming[0].cssText = '-ms-zoom:'+scale*100+'%'; но реакции 0 |
заработало так
zooming.append('<style>.IMG-map{-ms-zoom: 140%;} </style>');
а нету ли более гуманного способа чем каждый раз style переписывать? |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Активные темы</title>
</head>
<body>
<style id="Myzoom">
#div {
width:100px;
height:100px;
border:1px solid red;
zoom: 1;
}
</style>
<div id="div"></div>
<script type="text/javascript">
document.getElementById("div").style.zoom=3
</script>
</body>
</html>
в ИЕ > http://s1.uploads.ru/i/cFSiV.png |
Цитата:
http://www.xiper.net/manuals/css-ext...s/ms-zoom.html |
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Активные темы</title>
</head>
<body>
<style id="Myzoom">
#div {
width:100px;
height:100px;
border:1px solid red;
-ms-zoom:1;
}
</style>
<div id="div"></div>
<script type="text/javascript">
var Z=3;
var a = document.getElementById("Myzoom");
var str=a.innerHTML;
str=str.replace(/(-ms-zoom:)[^;]*(?=;)/ig,'$1'+Z)
a.innerHTML=str;
alert(str)
</script>
</body>
</html>
|
сделал так
zooming.find('style').html('.IMG-map{-ms-zoom: '+scale*100+'%;}');
но сильно жестокие костыли... других вариантов нет? |
cyber,
Я все таки за height и width, но при масштабировании двигать(центрировать относительно wraper) marginom и массшабировать маp - а при подвижках (drag and drop) двигать обрамление wrapper - left и top вот и разделение действий тады карту ты чисто при zoom всегда центрируешь во wrapper marginom, а двигаешь при drag and drop left и top сам wraper (карта в нём центрована при любом zoom Хотя наверное я не прав (походу нун учитывать текущее положение курсора - а не центрирование во wrappere |
зачем гемор если в браузере это уже реализовано?=)
смотри сам http://cyberua.16mb.com/files/zoom.html |
cyber,
Геммор затем - что он точно так же повторицо у тьву для закрепления пойнтеров! Походу я прозреваю, что суть в последовательности обработки- Драг должен следовать за Zoom, а не наоборот, вот тут собака зарыта |
не совсем понял что ты имееш ввиду
|
я не пойму одного, почему у гугл и тут http://vectorflower.com/preview/smoo...m/sample5.html
|
cyber,
они хитрожопые, - они ставят на карту мини-div - который масштабируецо вместе с картой и жестко привязан к точке, а внутрь пихают с абсолютной позицией картинку пойнтера - которая масштаб не меняет , но поскольку она внутри - она закреплена так же как и этот смасштабированный div - ксать отличная идея |
хм.. не совсем понял
размеры дива не меняются , а тормозов при drag and drop карты нет потому что она из кусочков? |
Цитата:
|
Цитата:
|
Deff, вот как то так=)
<!DOCTYPE HTML>
<html>
<head>
<style>
#wrapper {
position:absolute;
margin:40px;
overflow:hidden;
width:500px;
height:500px;
}
#wrapper img {
width:500px;
height:500px;
}
</style>
</head>
<body>
<div id='wrapper' class='wrapper'>
<img id="myPic"
src="http://worldoftanks.ru/dcont/fb/media/t110e5_april2012_clear/t110e5_ru_1680_1050.jpg"
lang="500"
style="position: absolute; left: 0; top: 0;"
onmousedown="myFunc ()">
<!-- атрибут lang="ширина картинки в пикселях" (она же - высота) -->
</div>
<script>
function myFunc (){
var obj = document.getElementById ('myPic');
if (obj.lang < 2500){
var width = obj.offsetWidth * 1.1;
var left = (width - 500) / 2 ;
obj.lang = width;
obj.style.height = width + 'px'
obj.style.width = width + 'px';
obj.style.left = -left + 'px';
obj.style.top = -left + 'px';
}
}
</script>
</body>
</html>
|
вопрос не по теме ,но не хочу новую создавать.
Цитата:
|
cyber,
Ну пользуй просто навигатор Или Простое Определение всех Ие (про 10 - не наю) if('\v'=='v') {Тут коды для ИЕ} |
мне не только ie
if($.browser.msie || ($.browser.mozzila && version < 3) || ($.browser.opera && version < 8) ) Цитата:
|
Цитата:
|
cyber,
Тады пользуй навигатор http://www.xiper.net/collect/js-plug...d-version.html |
Цитата:
|
http://jquery.page2page.ru/index.php...раузера
Старое походу было удобнее (ксать оно действует http://jquery.page2page.ru/index.php5/Тип_браузера Все таки навигатор чуть надёжней |
ну работает это громко сказано=)
$.browser.version = 1.9.2.28// в мозиле 3.6 |
опера единственный браузер где userAgent сделан не через ж****
|
Цитата:
|
да я уже догадался=)
на одну регулярку меньше=) |
melky,
ни наю - 9 у мну тестил - Вроде проверяли |
| Часовой пояс GMT +3, время: 12:43. |