Нажав на картинку и развернув ее к центру с помощью JavaScript

Question

Я не знаю, как лучше спросить об этом, но я попробую.

У меня есть эскизы 3 фотографий, соответствующих биографии людей.Я пытаюсь сделать так, чтобы миниатюры отображались в биосе, а затем дать пользователю возможность щелкнуть миниатюру и развернуть изображение до середины экрана.Когда пользователь нажимает на картинку, страница возвращается в нормальное состояние.

Я уверен, что для этого есть термин, и я уверен, что это простой метод jQuery, но у меня возникают проблемы с поиском кода для этого.

Спасибо за любую помощь!

Райан

Answer 1

Термин лайтбокс.Существует множество плагинов для лайтбоксов jQuery .У меня большой опыт работы с FancyBox .

. Чтобы использовать их, вы можете выбрать все якорные теги, которые имеют прямые дочерние теги img, например:

$('a:has(img)').fancybox();