Пожалуйста, посмотрите на сайт Cheese & Burger .
Точнее, взгляните на слайдер внизу взаимосвязи дна с переверните панели выше.
Я знаю, что могу сделать скин jQuery UI Slider , чтобы сделать слайдер относительно простым. Меня больше беспокоит то, насколько близко вы можете добраться до эффекта переворота, не прибегая к Flash.
Я не хочу использовать Canvas, поскольку я не знаю этого и у меня нет времени на его изучение (пока).
Я могу использовать любой из CSS3, который поддерживается в последних Gecko и WebKit, при условии, что он несколько изящно ухудшается для IE ( возможно, они могли бы просто измениться на IE).
В идеале панели должны быть div
с любым (разумным) содержимым. Этот тип исключает свойство эффекта img
элемента height
для эффекта.
Не обязательно пролистывать панели на маршруте , если вы надеваете не делаю это последовательно (как это делает Flash).
Я подумал, что, возможно, смогу оживить высоту переполнения : скрытый
div
s с помощью jQuery и создать спрайт битов, которые прилипают во время анимации (поскольку в этих частях нет контента). Я мог бы шагать по кадрам с помощью setInterval ()
.
Я думаю, что это не будет иметь эффекта масштабирования, так как страница подходит к вам и уходит, но я думаю, что я смогу сойти с рук это.
Я собираюсь использовать jQuery 1.4.
Прежде чем я перейду к этому, как вы думаете, стоило ли попробовать или это просто невозможно сделать без Flash (как сейчас)?
Если это выполнимо, есть ли у вас какие-либо предложения? Я не ищу рабочий код (хотя фрагменты были бы хорошими), а скорее по предложениям относительно вещей, которые я, возможно, упустил из виду.