Перевернуть модальное диалоговое окно jQuery

Мы использовали модальное диалоговое окно jQuery, чтобы пользователи могли редактировать настройки на странице. Это прекрасно работает.

Теперь мы хотели бы иметь возможность «перевернуть» диалог и иметь некоторые дополнительные (менее используемые) настройки на его «обратной стороне».

Мы пытались использовать Flip!, но обнаружили, что он скрывает диалоговое окно после его запуска и не отображает наш замещающий контент, пока мы снова не отобразим модальное диалоговое окно вручную.

Мы искали какие-либо учебные пособия по этому вопросу, но безуспешно.

У кого-нибудь есть опыт "переворачивания" диалоговых окон? Буду признателен за любые советы, ссылки и т.д.

Спасибо!


person salonMonsters    schedule 06.03.2012    source источник
comment
имейте в виду, что элемент, который вы вызываете диалогом, на самом деле оборачивается внешними элементами... поэтому нужно нацелить его на родителя, чтобы сделать флип   -  person charlietfl    schedule 07.03.2012
comment
Определенно да. Я попытался настроить таргетинг на .ui-dialog, который создает анимацию переворота, но ни к чему не приводит.   -  person salonMonsters    schedule 07.03.2012


Ответы (1)


ЕСЛИ вы хотите добавить еще несколько эффектов в модальное диалоговое окно Twitter, вы можете воспользоваться эффектами перехода CSS. Tympanus предоставляет отличные CSS-эффекты.

Я не знаю, почему создатель этого эффекта назвал его «Изящное модальное диалоговое окно». Вы можете получить его исходный код и демо здесь: Tympanus Nifty Modal

person 0ffliner    schedule 03.02.2015