 Przewijanie strony jak Google Maps |
  |
| Przewijanie strony jak Google Maps |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 236 Pomógł: 4 Dołączył: 1.05.2006 Skąd: Lublin Ostrzeżenie: (0%) 
 |
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ę.
|
 |
 
|
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 1 366 Pomógł: 261 Dołączył: 23.09.2008 Skąd: Bydgoszcz Ostrzeżenie: (0%)
|
Link
Masz wszystko w źródle (IMG:style_emoticons/default/tongue.gif) Ten post edytował melkorm 4.09.2010, 15:09:35 |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 236 Pomógł: 4 Dołączył: 1.05.2006 Skąd: Lublin Ostrzeżenie: (0%)
|
Piwko dla Ciebie!!
Hmm, potrzebuje jeszcze zrobić ZoomIn i ZoomOut skalując całą zawartość (div, text, img), jakieś pomysły? |
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 80 Pomógł: 17 Dołączył: 4.09.2010 Skąd: far far away Ostrzeżenie: (0%)
|
MozTransformOrigin, WebkitTransformOrigin, OTransformOrigin, TransformOrigin, MozTransform, WebkitTransform, OTransform, Transform, o tym poszperaj, praktycznie każdy silnik ma inny sposób na skalowanie.
|
|
|
|
|
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 471 Pomógł: 89 Dołączył: 29.07.2008 Skąd: Warszawa Ostrzeżenie: (0%)
|
kazdy silnik swietnie sobie radzi ze skalowaniem za pomoca tajemnych wlasciwosci css pt. height i width (IMG:style_emoticons/default/smile.gif)
jesli chcesz skalowac tekst to chyba najlatwiej tekst nabazgrac GD na img (IMG:style_emoticons/default/smile.gif) Ten post edytował yevaud 5.09.2010, 02:09:17 |
|
|
|
|
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 236 Pomógł: 4 Dołączył: 1.05.2006 Skąd: Lublin Ostrzeżenie: (0%)
|
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+")"); }); i ładnie skaluje, oczywiście trzeba dodać również obsługę dla Moz ale to nie problem, dzięki @masiakla |
|
|
|
|
|
Aktualny czas: 2.10.2025 - 00:47 |
