Как да разширите миниизображенията като Google Изображения
Google Карти показва уникален потребителски интерфейс миниатюрни прегледи от много различни уебсайтове. Кликването върху някоя от тези миниатюри разширява екрана с повече подробности и по-голяма снимка.
Това е една от най-добрите функции на галерията с изображения, които съм използвал и сега, можете да го клонирате с Gridder.js.
Този безплатен jQuery плъгин следва стъпките на невероятния UX на Google чрез създаване на плъгин, който съответства на този ефект. Можеш превърнете всяка галерия със снимки в галерия със стил в Google Изображения с всички същите анимации и функции на дисплея.
Аз съм приятно изненадан от скоростта и лекотата на използване, която идва с този плъгин. Просто кликнете върху някое миниизображение веднага показва по-голям изстрел а анимациите са супер чисти.
Изображенията включва раздел за описателен текст в случай, че искате да добавите някои подробности или връзки, свързани с снимките. Това работи особено добре за прости сайтове с портфолио с цел фокусиране върху изображенията.
Освен това можете също така изтегляне на съдържание чрез Ajax. Това ви позволява създаване на динамични миниизображения които изтеглят съдържание от други уебсайтове или чрез API.
Всяко събитие при кликване предлага метод за обратно извикване, така че можете да работите с други плъгини или JavaScript функции заедно с Gridder. С толкова много опции, той на практика се чувства като цялостна мрежа!
От Гридър работи на jQuery, изисква най-новата версия като зависимост. Но това е всичко, от което се нуждаете (заедно с файла Gridder.js) и с няколко реда HTML, можете да направите вашата мрежа безпроблемна.
Трябва да проверите страницата на GitHub за пълни инструкции за настройка но ето a бърз преглед как изглежда HTML:
Цялото съдържание получава изтеглен през JavaScript, така че можете да зареждате почти всичко, което искате.
Това е изключително гъвкав плъгин с опции променяте скоростта на анимацията, облекчаването, стила на бутона за затваряне и позицията за преместване когато потребителят кликне върху нова миниатюра.
Newbie и професионалните разработчици ще намерят много стойност в този плъгин. И все пак, ако все още не сте сигурни дали това е за вас, погледнете демонстрационната страница на Gridder на живо и си поиграйте.
