JQuery / JS изображения из коробки эффект предварительного просмотра - PullRequest
0 голосов
/ 30 июня 2010

Я создаю веб-страницу для программного обеспечения (не браузера, но это программное обеспечение использует webkit в качестве движка рендеринга). Окно этого программного обеспечения имеет размер 800x600 пикселей. Пользователи смогут загружать коллекции изображений в виде zip-файлов, которые содержат ок. 15 изображений в коллекции. Белая коробка представляет такую ​​коллекцию (см. Ниже): страница http://img717.imageshack.us/img717/630/bildschirmfoto20100630u.png На этой странице 800x600 я хочу визуализировать содержание каждой коллекции с приятным пользовательским интерфейсом. Я пытаюсь добиться определенного эффекта с помощью JavaScript / jQuery, который, как мне кажется, я где-то видел, но не добавил в закладки: Когда кто-то наводит курсор на белый ящик, 4 больших пальца выскальзывают из него, чтобы освободить место для других. Они могут увеличиться в размерах.

завис http://img39.imageshack.us/img39/6803/bighk.jpg

Есть ли плагин jQuery или что-то еще, что может достичь этого эффекта? Как бы вы решили это, или у вас есть предложения для другого эффекта?

спасибо, Макс

1 Ответ

0 голосов
/ 30 июня 2010

Единственный плагин, с которым я столкнулся, это что-то вроде FancyBox или Lightbox. Но вы могли бы обернуть 4 отдельных изображения в теги div, стилизовать их под макет вашего дизайна, а затем повторить, но с разными идентификаторами для каждой группы. Затем просто создайте несколько обработчиков FancyBox для каждого из элементов div, чтобы при нажатии на изображение пользователь мог прокручивать только изображения для этой группы.

Посмотрите на пример, который я сделал Пример FancyBox . Вместо того, чтобы пользователь нажимал категории для группировки фотографий, вы сделали для них эти группировки.

...