Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.05.2010, 11:21
Аватар для greatilya
Интернет-турист
Отправить личное сообщение для greatilya Посмотреть профиль Найти все сообщения от greatilya
 
Регистрация: 01.08.2008
Сообщений: 516

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

Опять же, заранее благодарен!
__________________
VPS от 175 рублей (есть скидки 15% писать в ПМ) Анализ рынка VPS серверов
Есть только две бесконечные вещи: Вселенная и глупость. Хотя насчет Вселенной я не уверен.
Альберт Эйнштейн
Ответить с цитированием
  #2 (permalink)  
Старый 20.05.2010, 11:25
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 04.04.2008
Сообщений: 6,246

CSS overflow
ну и D'N'D
Ответить с цитированием
  #3 (permalink)  
Старый 20.05.2010, 11:38
Аватар для greatilya
Интернет-турист
Отправить личное сообщение для greatilya Посмотреть профиль Найти все сообщения от greatilya
 
Регистрация: 01.08.2008
Сообщений: 516

overflow - это чтобы DIV не растягивался... это понятно..
А как картинку мышкой перемещать?
и что такое: "D'N'D"?
__________________
VPS от 175 рублей (есть скидки 15% писать в ПМ) Анализ рынка VPS серверов
Есть только две бесконечные вещи: Вселенная и глупость. Хотя насчет Вселенной я не уверен.
Альберт Эйнштейн
Ответить с цитированием
  #4 (permalink)  
Старый 20.05.2010, 11:40
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 04.04.2008
Сообщений: 6,246

Сообщение от greatilya
А как картинку мышкой перемещать?
с помощью D'n'D =)
Сообщение от greatilya
и что такое: "D'N'D"?
Drag and Drop
по нему полно статей, так что не должно возникнуть проблем
Ответить с цитированием
  #5 (permalink)  
Старый 20.05.2010, 11:50
Аватар для greatilya
Интернет-турист
Отправить личное сообщение для greatilya Посмотреть профиль Найти все сообщения от greatilya
 
Регистрация: 01.08.2008
Сообщений: 516

... так я и делал на Drag and Drop, вот у меня и получилось что картинка уходит за границы... я конечно понимаю что надо отлавливать ширину картинки и отслеживать координаты.... ладно)) спасибки)))
Сделаю еще попытку найти готовый скриптик, если не найду то буду юзать D'n'D )
__________________
VPS от 175 рублей (есть скидки 15% писать в ПМ) Анализ рынка VPS серверов
Есть только две бесконечные вещи: Вселенная и глупость. Хотя насчет Вселенной я не уверен.
Альберт Эйнштейн
Ответить с цитированием
  #6 (permalink)  
Старый 20.05.2010, 12:30
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 04.04.2008
Сообщений: 6,246

Сообщение от greatilya
я конечно понимаю что надо отлавливать ширину картинки и отслеживать координаты
ну, собственно говоря да.
Ответить с цитированием
  #7 (permalink)  
Старый 20.05.2010, 13:37
Аватар для greatilya
Интернет-турист
Отправить личное сообщение для greatilya Посмотреть профиль Найти все сообщения от greatilya
 
Регистрация: 01.08.2008
Сообщений: 516

Вот нашел http://ruseller.com/lessons.php?rub=32&id=348
Очень красивая реализация ... вот только в Опере грузиться не хочет... Интересно может легче этот глюк исправить?
__________________
VPS от 175 рублей (есть скидки 15% писать в ПМ) Анализ рынка VPS серверов
Есть только две бесконечные вещи: Вселенная и глупость. Хотя насчет Вселенной я не уверен.
Альберт Эйнштейн
Ответить с цитированием
  #8 (permalink)  
Старый 20.05.2010, 13:44
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 04.04.2008
Сообщений: 6,246

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать смену картинки при выборе radio RomanS Элементы интерфейса 1 11.12.2009 00:50
Как изменить размер картинки? Mihail Общие вопросы Javascript 1 25.10.2009 13:42
Многостраничная галерея на lightbox.js Как сделать? MASTER Общие вопросы Javascript 9 24.07.2009 14:38
Как сделать электронный каталог продукции? natarius Серверные языки и технологии 6 24.05.2009 20:56
Как сделать смену картинки, типа "до" и "после", без перезагрузки страницы? btstudio Events/DOM/Window 2 23.02.2009 20:43