2012-05-02 39 views
5

Tôi đang xây dựng một ảnh xem bằng một plugin jQuery có tên là jquery-treeview. Việc xây dựng cây treeview này mất rất nhiều thời gian (khoảng 5-7 giây) và tôi muốn hiển thị bánh xe quay hoặc thanh tiến trình khi trang đang tải. Có ai biết làm thế nào để làm điều đó? Tôi chỉ tìm thấy các giải pháp để tải video hoặc hình ảnh nơi mà nó được biết có bao nhiêu dữ liệu đã được tải.Hiển thị bánh xe quay hoặc thanh tiến trình khi trang web đang tải

+4

Xin lỗi vì âm thanh gây phiền toái, nhưng 5-7 giây để tải trang web gây đau cho người dùng. Vui lòng xem xét tối ưu hóa, chẳng hạn như chỉ xây dựng cấp cao nhất của cây lúc đầu. –

Trả lời

1

Hiya thấy demo nàyhttp://jsfiddle.net/hEB7d/hayhttp://jsfiddle.net/Eh8tU/ (chỉ để hiển thị hình ảnh)

Bruv, cho thanh tiến trình thử twitter bootstrap, hay flick một số mã tôi có thể có thể thấy một sự giúp đỡ bạn ra ngoài .

Ý tưởng là mã biết khi nào on loadon success sẽ xảy ra cho đoạn mã của bạn và đặt tải hình ảnh ở giữa quá trình đó.

+1

jsFiddle của bạn không hoạt động với tôi: ( – Shikiryu

+0

@Shikiryu cooleos, gimme 2 phút, sẽ ping bạn sớm! :) điều này xảy ra vì tải hình ảnh xảy ra quá nhanh, hãy xem điều này: http://jsfiddle.net/Eh8tU/ mà hình ảnh tải sẽ xuất hiện trước khi hình ảnh thực tế sẽ hiển thị :) nếu bạn thêm điều này trong mã của bạn điều này sẽ làm việc, có một tốt đẹp, cổ vũ! p.s. Tôi đang cố gắng để xây dựng sự chậm trễ ở giữa để cho bạn thấy một mẫu nếu tôi có thể :) –

12

Hãy thử trang web này:

http://fgnass.github.com/spin.js/

Bạn có thể tạo một spinner của sự lựa chọn của bạn và sau đó họ đưa ra ví dụ về cách sử dụng nó dưới đây.

Hy vọng điều đó sẽ giúp ích cho bạn :)

+0

đẹp! Cảm ơn nhiều – macool

Các vấn đề liên quan