Знаете ли вы, как скользить контент, как это было кинематографический ролик с Jquery? - PullRequest
2 голосов
/ 21 марта 2012

Я работаю над созданием веб-сайта для кинопродюсера.Клиент просит, чтобы страница работала как кинематографический ролик.Представляя себе таким образом,

Пример изображения:

http://www.virtualservidores.com/uploads-imagen/?di=1133234847816

Когда я вхожу в «будущую» паутину, я являюсь красной точкой и кинематографической катушкойвокруг меня, поэтому изображения и информация, когда я нажимаю на них, должна переходить на правую сторону, а предыдущая информация должна быть на левой стороне.Я имею в виду, когда выбирается элемент из верхнего меню, основной контейнер, содержащий изображения и информацию, должен вводиться справа, а предыдущие изображения и информация должны выходить слева.

Теперь вопрос в том.Знаете ли вы какой-нибудь плагин для этого?


РЕДАКТИРОВАТЬ: Нет Это не то, что мне нужно, я знаю, что такое карусель или слайдер изображений, но мне нужна не плоская карусель,Я хочу карусель, которая действует как цилиндр.Я хотел бы видеть контейнер в форме плоской формы (прямоугольник на экране), и когда он выходит за пределы экрана, я хочу видеть его изогнутым, как следуя траектории цилиндра (если смотреть на него из его центра), и что новая информациявходит с другой стороны экрана таким же образом, но в другом направлении!Знаете ли вы, как это сделать?


ОБНОВЛЕНИЕ

Это видео о том, что мне нужно: - удаленное видео (если кому-то нужно его посмотреть, пришлите мнеэлектронная почта)

Ответы [ 2 ]

3 голосов
/ 21 марта 2012

Вы смотрели на jQuery Reel ?

или для простых плагинов карусели посмотрите на эту статью

просто что-то еще, чтобы проверить, может быть полезно, потому что это учит больше о трехмерном использовании HTML5 и CSS3, которые могут быть чрезвычайно полезны для вас.Еще одна мысль: в моей работе мы разработали онлайн-редактор сайтов, основанный на html5, css3 и небольшом jQuery.js, используя элемент canvas, и он имеет 180 ° панорамный вид

0 голосов
/ 24 марта 2012

Из того, что я знаю, есть множество решений для вашей проблемы:

  1. Используйте какой-нибудь плагин карусели или напишите его, потому что вам нужен какой-то продвинутый материал (цикл и возможность перехода к определенному «слайду»), а затем улучшите его с помощью некоторого CCS3 (см. Вогнутый пример reve.js )

    pro: изящный запасной вариант для браузера без поддержки css3d
    наоборот: CSS3 + javascript

  2. Поместите все «слайды» в трехмерное пространство и вращайте сцену с помощью CSS3D (например, с помощью: селектора цели или js)

    против: вообще никакого отступления, я не хочу знать, как это будет выглядеть в ie7

  3. Использование Canvas и WebGL или ручное преобразование и текстурирование вершин

    pro: нет CSS3D, больше поддерживается (я думаю, что canvas больше поддерживается, поправьте меня, если я ошибаюсь)
    наоборот: нет отступления, не индексируется, много кода, сильно зависит от js

  4. Flash

    pro + contra обсуждается слишком часто

Оффтоп: хорошая идея дизайна, поделись результатами

...