Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.11.2010, 05:05
Аспирант
Отправить личное сообщение для _axl Посмотреть профиль Найти все сообщения от _axl
 
Регистрация: 21.07.2009
Сообщений: 39

Скролл изображения внутри див при движении мыши
Здравствуйте, я загружаю фотографию в div, ее размеры больше размеров div, и мне нужно сделать чтобы перемещением курсора мышки можно было "летать" поdiv просматривая разные области картинки.
Где-нибудь можно почитать алгоритм для реализации подобной задачи или может есть готовый плагин?

Последний раз редактировалось _axl, 13.11.2010 в 05:31.
Ответить с цитированием
  #2 (permalink)  
Старый 13.11.2010, 05:31
Профессор
Отправить личное сообщение для SV0L0CH Посмотреть профиль Найти все сообщения от SV0L0CH
 
Регистрация: 07.11.2010
Сообщений: 301

Тут вроде как всё очевидно, надо в <div/> вставить по краям другие <div/> при наведении на которые включать прокрутку в соответствующем направлении.
Ну я бы конечно так не делал, а использовал нажатия мыши(как по мне так удобней).
А вообще сама идея такого виджета интересна, можно будет потом готовый код выложить? ;-)
Ответить с цитированием
  #3 (permalink)  
Старый 13.11.2010, 07:59
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Тут нет ничего сложного, обычный dnd
Ответить с цитированием
  #4 (permalink)  
Старый 13.11.2010, 08:18
Аспирант
Отправить личное сообщение для _axl Посмотреть профиль Найти все сообщения от _axl
 
Регистрация: 21.07.2009
Сообщений: 39

Дак нет, нужно чтобы работало безз нажатия мыши - подвели мышь к левому краю, экран "поехал" над картинкой влево, к правому - вправо ну и т.д
Ответить с цитированием
  #5 (permalink)  
Старый 13.11.2010, 09:27
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от _axl
безз нажатия мыши
Таки есть и другие события помимо онклика... онмоузеовер например.
Ответить с цитированием
  #6 (permalink)  
Старый 13.11.2010, 09:49
Аспирант
Отправить личное сообщение для _axl Посмотреть профиль Найти все сообщения от _axl
 
Регистрация: 21.07.2009
Сообщений: 39

Это понятно, проблема не в этом а в том как описать как должен смещаться экран или картинка при подведении к левому-правому края, верху-низу, углам.
Ответить с цитированием
  #7 (permalink)  
Старый 13.11.2010, 11:16
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

_axl, тестовый пример может все прояснить.
Ответить с цитированием
  #8 (permalink)  
Старый 13.11.2010, 12:58
Аватар для Serg_pnz
Сам по себе
Отправить личное сообщение для Serg_pnz Посмотреть профиль Найти все сообщения от Serg_pnz
 
Регистрация: 09.06.2009
Сообщений: 963

Это?
http://demos111.mootools.net/Fx.Scroll
http://demos111.mootools.net/Scroller
Ответить с цитированием
  #9 (permalink)  
Старый 13.11.2010, 17:12
Новичок на форуме
Отправить личное сообщение для realus Посмотреть профиль Найти все сообщения от realus
 
Регистрация: 14.08.2010
Сообщений: 8

Как я делал. див у которого overflow:hidden;
от него absolut-но позиционировал другой див (относительно уже которого позиционировал img) выводил его в за левый верхний угол. и размеры у него выставлял равной разницы размера картинки минус размер ограничивающего окна. и позиционировал картинку (например 0% left - она прижимается к правому углу. 50% в центр)

Ответить с цитированием
  #10 (permalink)  
Старый 16.11.2010, 09:11
Аспирант
Отправить личное сообщение для _axl Посмотреть профиль Найти все сообщения от _axl
 
Регистрация: 21.07.2009
Сообщений: 39

2Serg_pnz, второй пример то, что надо, я нашел реализацию для jquery:
http://jquerylist.ru/snippets/jquery...-scroller.html
Но есть одна проблема - когда ведем курсор в угол, то в некоторых браузерах страница скролится не ровно, а какбы ступеньками, т.е. в начале присваивается значение scrollLeft, а потом scrollTop, очень жаль придется отбросить этот вариант и думать как сделать не через скролл, а через изменение позиции картинки.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При нажатии и удержании мыши заменяется картинка Webroller Events/DOM/Window 9 26.05.2010 16:00
Смена картинки (бекграунд дива ) при событии (нажатие клавиш или клавиши и мыши) Monster Events/DOM/Window 5 01.11.2009 01:16
Событие mouseout при наведении мыши на пункт меню WalterScott Events/DOM/Window 2 12.05.2009 22:05
Обратная связь ПРИ ПОМОЩИ JavaScript qwertypop Элементы интерфейса 2 23.04.2009 18:30
FireFox: onmouseover не работает при зажатой кнопке мыши no. Общие вопросы Javascript 4 19.08.2008 13:43