Помогите мне создать фото-галерею для iPad с JavaScript

Question

Я играл с галереей, похожей на галерею приложения для фотографий iPad , где у вас есть аккуратно сложенные миниатюры, и при нажатии (касании) они летаютв макете сетки.Если одна галерея / стопка уже открыта, когда вы щелкаете другую стопку, фотографии должны накапливаться в исходном положении до того, как анимируется следующий набор.

Я думаю, что-то вроде Изотоп было бы полезноздесь, но мне очень трудно заставить его перестать перезаписываться.Кроме того, я не могу понять, как сделать так, чтобы миниатюры вылетали из «изображения на обложке».

Я поместил упрощенную версию , которую я получил до сих пор.JSFiddle .

Любая помощь с благодарностью .Я чувствую, что я немного над головой:)

Мой вопрос: как мне сделать так, чтобы миниатюры вылетали из "обложки"?

Answer 1

У вас может быть абсолютно позиционированный DIV с полноразмерным изображением внутри.

Сначала разместите div и масштабируйте изображение таким образом, чтобы оно идеально перекрывалось с миниатюрой.

Затем анимируйте расположение и размер обоих, чтобы привести их к центру экрана наразмер вы хотите.