Przesuwany obraz/mapa, Od czego zaczac? Opcje

[phoenix84]

Zgaduje, ze nie jest to proste pytanie...

ale nawet nie wiem czego sie czepic i o co pytac w googlu... bo wklepanie tematu jak tutaj prowadzi do nie takich wynikow jakbym chcial... (IMG:style_emoticons/default/winksmiley.jpg)

jaki jest cel:

chcialbym wiedziec w jaki sposob uzyskac efekt taki jak np. googlemaps... czyli przesuwam obraz/mape za pomoca myszki, mapa jest oczywiscie duuuza... i potrzebne kawalki doladowuja sie jak sa potrzebne... bajery w stylu oddal/przybliz i etykietki juz sobie chyba poradze (IMG:style_emoticons/default/smile.gif)

w czym to sie w ogole robi? od czego zaczac? gdzie zadawac odpowiednie pytania? moze ktos tworzyl cos podobnego... widzialem podobne efekty w roznych grach przegladarkowych jak np. kingdoms.com.pl, ale nie mam pojecia jak sie za takie cos zabrac...

z gory dzieki za jakies wskazowki,

pozdrawiam,

k.

[kamil4u]

Masz tam div-a o id moveable. Teraz zainteresuj się co do jest firebug(dodatek do FF (inne przeglądarki mają swoje odpowiedniki) ). Zauważysz, że styl(CSS) tego div-a się zmienia wraz z przesuwaniem i jak ustawisz jego wartość to zmienisz początkowe położenie mapy(ważne, aby to było w atrybucie style). Zmienia się tam: margin-top i margin-left

Co do następnego problemu to wystarczyło lekko przypatrzeć się skryptowi - masz tam(w pliku move.js) fragment:

Kod

if( (key = $.inArray( $(this).attr('id'), selected )) == -1 )
                {
                    selected.push($(this).attr('id'));
                    $(this).html('<p class="chosed"></p>');
                }

Masz tam użytą funkcję(jQuery) html, chyba wiesz co ona robi i dlaczego Ci przeszkadza (IMG:style_emoticons/default/smile.gif) Możliwe, że jeszcze gdzieś znajduje się taki mankament.

dzieki, ze sie zainteresowales...

Nie ma za co - chętnie pomogam (IMG:style_emoticons/default/smile.gif)