Chúng tôi có thể nhận được hiệu ứng Flash này gần đến mức nào mà không cần sử dụng Flash?

Question

Vui lòng xem trang web Cheese & Burger.

Chính xác hơn, hãy xem thanh trượt xuống dưới mối quan hệ của đáy với các bảng lật ở trên.

Tôi biết tôi có thể da jQuery UI Slider để làm thanh trượt tương đối dễ dàng đủ. Tôi quan tâm hơn đến mức độ gần gũi bạn có thể đạt được hiệu ứng lật mà không cần sử dụng Flash.

Tôi không muốn sử dụng Canvas, vì tôi không biết và chưa có thời gian để tìm hiểu (chưa).

Tôi có thể sử dụng bất kỳ công cụ CSS3 nào được hỗ trợ trên Gecko và WebKit mới nhất, miễn là nó làm giảm phần nào cho IE (có lẽ chúng chỉ đơn giản là thay đổi cho IE).

Các bảng lý tưởng phải là div s với bất kỳ nội dung nào (hợp lý). Loại hình này đã loại trừ hoạt ảnh img của phần tử height thuộc tính này để có hiệu lực.

Nó không nhất thiết phải lật qua trên đường bảng nếu bạn không thực hiện tuần tự (như Flash).

Tôi nghĩ có lẽ tôi có thể làm sống động chiều cao của overflow: hiddendiv s với jQuery và tạo một ảnh chụp các bit dính vào trong hoạt ảnh (vì không có nội dung trong các phần đó). Tôi có thể bước qua các khung hình với setInterval().

Tôi đoán nó sẽ không có hiệu ứng mở rộng khi trang hướng tới bạn và đi, nhưng tôi nghĩ tôi có thể thoát khỏi nó.

Tôi sẽ sử dụng jQuery 1.4.

Trước khi tôi chuyển sang điều này, bạn có nghĩ rằng nó sẽ là giá trị cố gắng hoặc là nó chỉ đơn giản là không thể làm mà không có Flash (như của bây giờ)?

Nếu có thể thực hiện được, bạn có đề xuất nào không? Tôi không tìm kiếm mã số làm việc (mặc dù đoạn trích sẽ tốt đẹp), nhiều hơn dọc theo dòng đề xuất cho những thứ mà tôi có thể đã bỏ qua.

Answer 1

Có một số plugin pageturn cho jQuery, có thể đạt được hiệu ứng tương tự. đây là một trong số example. Có nhiều thứ khác.