Перелистывание div с помощью Javascript

#javascript #jquery

#javascript #jquery

Вопрос:

Flip — отличный плагин jQuery для перелистывания блоков, но он не сохраняет фон при анимации перелистывания.

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

Есть ли способ, которым я могу перевернуть это div красиво, сохранив красивый фон, который у меня есть, и, возможно, даже добиться более плавной анимации, чем я могу получить с помощью Flip?

Если мне нужно погрузиться в это с головой и закодировать свою собственную функцию для перелистывания div , это тоже выполнимо, и я был бы очень признателен за какой-нибудь указатель на это, если это то, что я должен сделать.

Большое спасибо!

Комментарии:

1. Кажется, что ваши примеры ссылок показывают только статические изображения. Это скриншоты страницы, над которой вы работаете? Где находится фактическая страница, над которой вы работаете? Извините, я не понимаю, какой код вы показываете.

Ответ №1:

Попробуйте jQuery QuickFlip pul&in, он кажется довольно аккуратным с обработкой фона.

Ответ №2:

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

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

Ответ №3:

Действительно классный способ сделать это — использовать преобразования CSS 3. Это намного лучше, чем использование скрипта; вам всегда следует избегать использования скриптов, где можно использовать более простые методы.