19
Chciałbym wiedzieć, jak właściwości zoomu można kontrolować za pomocą javascript, jak div.style.top, jak określić zoom?zoom css/javascript
A
Odpowiedz
37
Firefoksa & Chrome (Webkit) ekwiwalentów do IE określonej zoom właściwości są odpowiednio -moz-transform i -webkit-transform.
Próbkę kodu będzie:
.zoomed-element {
zoom: 1.5;
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
}
Trzeba by być nieco bardziej ostrożny z JavaScript (test na istnienie pierwszy), ale oto jak chcesz je manipulować:
el.style.zoom = 1.5;
el.style.MozTransform = 'scale(1.5)';
el.style.WebkitTransform = 'scale(1.5)';
+0
el.style.zoom = 1.5; Działa fajnie, I dawał wartość w niewłaściwy sposób !, Jakie są dopuszczalne wartości zoomu? Czy wynosi od 1 do 2, a jeśli wspomnę 1,5, to 150%? – sat
+1
Nie jestem pewien, czy poziomy powiększenia są ograniczone. I tak, 1,5 => 150% –
+1
1 == 100%, możesz wyjść poza 2. – Tracker1
3
Jest to własność style, ale nie jest obsługiwana przez wszystkie przeglądarki. Jest to implementacja przeglądarki Internet Explorer. Jest on dostępny w następujący sposób:
div.style.zoom
2
Być może warto wypróbować lekką wtyczkę jQuery o nazwie Zoomoz. Używa właściwości transformacji CSS3 (translate, rotate, scale). Sprawdzeniu „Powiększanie odcinek drogi jQuery Mam nadzieję, że to pomaga
$(document).ready(function() {
$("#element").zoomTarget();
});
+0
Typo: [Zoomooz.js] (http://jaukia.github.io/zoomooz/) –
Nie istnieje wydaje Oto tabela z (chyba wszyscy) właściwości CSS JavaScript http:.... //codepunk.hardwar. org.uk/css2js.htm – Robin
Dzięki za link, użyteczny niestety brak powiększenia jak już wspomniałeś! – sat