Pełna wersja: Przewijanie strony jak Google Maps
Witajcie, zastanawiam się za pomocą jakich poleceń/gotowych skryptów mogę uzyskać efekt przewijania strony jak w Google Maps - tz za pomocą "rączki", przytrzymuje stronę w danym miejscu i przeciągając myszką przeciągam zawartość strony, coś w stylu przeglądarki PDF - "łapki". Może widzieliście gdzieś takie rozwiązania, chciałbym podejrzeć taką stronę.
Piwko dla Ciebie!!
Hmm, potrzebuje jeszcze zrobić ZoomIn i ZoomOut skalując całą zawartość (div, text, img), jakieś pomysły?
Hmm, potrzebuje jeszcze zrobić ZoomIn i ZoomOut skalując całą zawartość (div, text, img), jakieś pomysły?
MozTransformOrigin, WebkitTransformOrigin, OTransformOrigin, TransformOrigin, MozTransform, WebkitTransform, OTransform, Transform, o tym poszperaj, praktycznie każdy silnik ma inny sposób na skalowanie.
kazdy silnik swietnie sobie radzi ze skalowaniem za pomoca tajemnych wlasciwosci css pt. height i width 
jesli chcesz skalowac tekst to chyba najlatwiej tekst nabazgrac GD na img
jesli chcesz skalowac tekst to chyba najlatwiej tekst nabazgrac GD na img
Kod
var skala=1;
$("#scale-minus").click(function(){
skala = skala-0.1;
if(skala<0.5){ skala=0.5; }
$("#ad").css("-webkit-transform", "scale("+skala+")");
});
$("#scale-plus").click(function(){
skala = skala+0.1;
if(skala>1){ skala=1; }
$("#ad").css("-webkit-transform", "scale("+skala+")");
});
$("#scale-minus").click(function(){
skala = skala-0.1;
if(skala<0.5){ skala=0.5; }
$("#ad").css("-webkit-transform", "scale("+skala+")");
});
$("#scale-plus").click(function(){
skala = skala+0.1;
if(skala>1){ skala=1; }
$("#ad").css("-webkit-transform", "scale("+skala+")");
});
i ładnie skaluje, oczywiście trzeba dodać również obsługę dla Moz ale to nie problem, dzięki @masiakla
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.