Есть ли галерея в стиле FishEye на jQuery?

Question

[A K]

Нашел что-то подобное. Посмотрел в код: в основу взяли горизонталную менюшку, копипастнули 6 раз и сделали галерею. Может кто сталкивался с чем-то подобным, спасибо.

Answer 1

[itspers]

- Ну по ховеру помечаете картинку как текущую.
Потом по маус муву:
- взять индекс текущей
- зная индекс и всякие размеры - вычислить индекс ее окружения.

Дальше 2 варианта:
а) если нужно так как в гифке - то просто текущей сделать большой scale, а остальным поменьше.
б) если так, как в примере:
вычислить процент смещения курсора относительно центра текщей картинки
применить к матрице пропорциональный scale

Та и джейквери тянуть ради пары сокращений синтаксиса тут не особо стоит, не говоря уже о том, чтобы целый плагин искать.

UPD: заделал пример с решением "в лоб" jsfiddle.net/itspers/KYVdh/4

Comments

[A K]

>> зная индекс и всякие размеры - вычислить индекс ее окружения.
Ну вот тут у меня и загвоздка

[itspers]

@Symphony 2 перекура - и готов пример

[A K]

@itspers Спасибо большое, а я пытался вычислять элементы, находящиеся на определенном расстоянии от курсора, и по мере того насколько меньше расстояние увеличивать размер картинки.

Answer 2

[Руслан]

гифки нема

Comments

[Руслан]

@Symphony 404 Not Found