JS вся ротация страниц

Question

Я пытаюсь дать пользователям возможность выбрать другую домашнюю страницу, нажимая влево или вправо и открывая совершенно новую страницу.Мне известно о нескольких каруселях jQuery, которые выполняют это исключительно по оси x или по оси y, но не вращением.В идеале фоновые изображения будут синхронизироваться, и общий эффект будет выглядеть как вращающийся глобус с другим набором элементов в другой части земного шара.Элементы в каждой части земного шара все еще должны быть интерактивными и

У кого-нибудь есть какие-либо идеи на этот счет?

Answer 1

Мало кто здесь напишет вам полное решение, но они будут рады решить конкретные проблемы.

• Эти домашние страницы находятся в разных доменах и / или находятся под вашим контролем?
• Как вы имеете в виду глобус?Какое-то сферное искажение или просто плавное соединение по краям?
• Насколько важна гладкость концепции?

С макушки головы, вот как бы я это сделал (попытаться сделать это:

• Загрузить домашние страницы в отдельных iframes
• Растянуть iframe по размерам окна
• Адаптировать сценарий карусели для анимацииiframes вместо images
• Какой-то элемент «предыдущий / следующий», перекрывающий iframe.Может быть с z-index.

Answer 2

Извлеките файл landing.js в http://thetruth.com/ (или просто запустите таймер страницы, чтобы увидеть карусель) То, что вы хотите, в основном это, но с анимацией вместо исчезновения страницы в / из.

Просто добавьте CSS3-преобразования для масштабирования и перемещения вместо исчезновения / исчезновения при загрузке новой страницы. Polyfill добавит возможность преобразования в JS (см. Jquery.transform.js, jquery.transition.js от https://github.com/louisremi и Modernizr)

Answer 3

используя jQuery, вы должны быть в состоянии сделать это с помощью методов .slideDown и slideUp.

По сути, когда они выполняют действие, которое вы хотите запустить, вы добавляете slideUp () к'текущий' контейнер и сделайте slideDown () на следующем.Анимации будут выполняться одновременно.

http://jsfiddle.net/g19fanatic/stLvj/