Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как сделать просмотр большой картинки? (https://javascript.ru/forum/dom-window/9483-kak-sdelat-prosmotr-bolshojj-kartinki.html)

greatilya 20.05.2010 11:21

Как сделать просмотр большой картинки?
 
Подскажите, как реализовать следующее:
На странице имеется некая область, которая жестко ограничена в ширине и высоте, например DIV. Внутри этой области вставлено большое изображение зачастую превосходящее DIV в размерах. Как сделать просмотр таких больших изображений, в интерфейсе схожем с Google Maps и т.п. Я имею в виду, чтобы картинку можно было двигать мышкой, только с тем учетом, что картинку нельзя просмотреть дальше её границ(просто я пробовал вставить во фрейм и через скрипт jQuery idrag перемещать картинку, но там картинку можно было удвинуть в самый угол...).
Посоветуйте, либо как реализовать самому, если это не требует больших усилий, ну или может кто встречал подобный скрипт.

Опять же, заранее благодарен!
:)

Gvozd 20.05.2010 11:25

CSS overflow
ну и D'N'D

greatilya 20.05.2010 11:38

overflow - это чтобы DIV не растягивался... это понятно..
А как картинку мышкой перемещать?
и что такое: "D'N'D"?

Gvozd 20.05.2010 11:40

Цитата:

Сообщение от greatilya
А как картинку мышкой перемещать?

с помощью D'n'D =)
Цитата:

Сообщение от greatilya
и что такое: "D'N'D"?

Drag and Drop
по нему полно статей, так что не должно возникнуть проблем

greatilya 20.05.2010 11:50

... так я и делал на Drag and Drop, вот у меня и получилось что картинка уходит за границы... я конечно понимаю что надо отлавливать ширину картинки и отслеживать координаты.... ладно)) спасибки)))
Сделаю еще попытку найти готовый скриптик, если не найду то буду юзать D'n'D )

Gvozd 20.05.2010 12:30

Цитата:

Сообщение от greatilya
я конечно понимаю что надо отлавливать ширину картинки и отслеживать координаты

ну, собственно говоря да.

greatilya 20.05.2010 13:37

Вот нашел http://ruseller.com/lessons.php?rub=32&id=348
Очень красивая реализация ... вот только в Опере грузиться не хочет... Интересно может легче этот глюк исправить?

Gvozd 20.05.2010 13:44

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


Часовой пояс GMT +3, время: 15:43.