Как динамически загружать элементы страницы (например, изображения) с анимацией? - PullRequest
0 голосов
/ 04 января 2012

У меня есть двухрядная, трехколонная сетка больших квадратов, в которую я собираюсь поместить ссылки миниатюр для категорированной навигации. Однако позже я буду беспокоиться об элементах внутри квадратов, поскольку этот вопрос касается самих квадратов.

Сначала я хочу предварительно загрузить все элементы и отобразить их сразу. Эта часть не требует анимации. Они могут просто войти как обычно.

Во-вторых, я хочу, чтобы эта сетка квадратов входила. Остальная часть страницы и квадраты могут входить одновременно, так как они будут загружены вместе. Эта часть, однако, требует анимационного эффекта; Я хочу, чтобы квадраты и соответствующие им дочерние элементы увеличивались из ничего.

См. Эффект «увеличения» здесь .

В-третьих, я хотел бы загружать / анимировать в квадратах в последовательном порядке, от первого до последнего, каждый из которых входит по отдельности (или слегка перекрывается). Я уверен, что мы сейчас просто говорим о параметрах.

Ну вот и все. Я знаю, что это сложный заказ, но я довольно новичок в jQuery, так что, надеюсь, кто-нибудь сможет помочь хотя бы с этим!

1 Ответ

0 голосов
/ 04 января 2012

Я создал плагин для чего-то похожего на это.Посмотрите на это здесь: https://github.com/navgarcha/jquery-slotload

Вы можете использовать опцию onComplete, чтобы перемещать загруженные элементы перед первым .loading изображением, чтобы они отображались в последовательности загрузки.

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

Не стесняйтесь разбирать код на свой вкус.

...