Люди. Нужна ваша помощь. Очень очень..
Посмотрите картинку во вложении. Задача:
Имеется картинка (Картинка 1) и имеется меньший по размерам блок (Блок 1). Область изображения видна только та, которая вмещается в блок. Это сделать просто средствами css и html (при помощи свойства overflow). Далее получается такая проблема. Нужно сделать перетаскивание картинки внутри этого блока. Пример: maps.google.com. Только картинка моя, а не сама карта.

Очень нужна помощь. Желательно либо на jQuery либо на простом javascript. Теорию.. Все. У меня не осталось мыслей.

Присоединённый файл ( Кол-во скачиваний: 19 )
 prev.png 6,11 Kb

http://jqueryui.com/demos/draggable/
Пример по-моему показан более чем понятный.

Это не совсем то что нужно. В данном примере мы двигаем сам блок. А нам нужно двигать заднюю картинку..

Что мешает заменить блок картинкой?

Или я чего-то не понимаю?

Присоединённый файл ( Кол-во скачиваний: 25 )
 DragMeNot.zip 773,96 Kb

Я изначально не понял что ты имел ввиду.. Большое тебе спасибо =). Появится 100, дам + к рейтингу. Спасибо большое..

Всем привет.
Я вот тут изобретаю велосипед - хочу попробовать создать карту как у гугламапса, только вместо картинок подгружать SVG. Т.к. встроить SVG файл в html страницу просто так невохможно - то используется тег <iframe>.

Вот сам вопрос:   
сделал как в предыдущем примере. - но вот в чем проблема - объект <iframe> не передвигается, как-будто не перехватывает событие драгНдроп. заменяя <iframe> на <div> все работает так как надо. 
подскажите пожалуйста, чтото не так правильно делаю? или вообще лучше сделать по другому?
Заранее спасибо   

Ну если работает так как надо, значит все правильно сделал =)

Но я бы не заменял iframe, а сверху div ещё один поставил и передвигал его. 

хм.    дивов там хот где ставь = толку никакого. за рамку Iframe объект перетаскивается а вот чисто за картинку не хочет :(
эх.. пример бы   

Вот так:


Думаю работать должно.. 

спасибо конечно, но не работает   
так сказать даже SVG дело, даже если картинку обычную туда запихнуть - не работает

дело в iframe. т.к. это получается отдельный фрагмент страницы - то на него не распространяется скрипт страницы... так что наверно должен быть другой выход подключения SVG.

В iframe запихнуть? или вместо iframe?

если честно - то хоть как-нибудь.
хочу сделать что-то типа карты. Нужно перетаскивать эту картинку.. если есть вообще идеи, примеры и т.д. как это можно делать - было бы вообще суппер.
был бы благодарен за любую помощь

Я имел ввиду если ты картинку вместо фрейма вставляешь работает? 


Должно стопудово работать. 

А если карту через canvas нарисовать? Я правда не разбирался с этим, но вроде как можно сделать связку canvas и SVG. Поищи в интернете.

Кстати, спасибо за наводку на канвас. он то быстрее - http://www.flickr.com/photos/martin-kliehm/3669738142/