Đóng nhưng không hoàn toàn ở đó. Tôi muốn có div con đầu tiên được hiển thị trong một vài giây, trượt xuống (qua vị trí) và mờ dần, sau đó con tiếp theo trượt lên và mờ dần. Lặp lại liên tục, lặp lại sau khi đứa trẻ cuối cùng được hiển thị.jQuery: hoạt hình, vòng lặp liên tục qua trẻ em
Có vẻ như tôi đã có vòng lặp hoạt động mặc dù số lượng dường như chồng các div con trên đầu trang của nhau. Tôi đang làm gì sai?
http://jsfiddle.net/rrbaker/Xmk2y/4/
Dưới đây là bản remix của tôi: http://jsfiddle.net/ddrace/DJuV7/1/
Tôi sắp xếp lại một số thứ để làm cho nó dễ hiểu hơn và thiết lập thêm cho tạm dừng và hình ảnh động để giữ cho nó khô và dễ dàng hơn để tinh chỉnh.
Điều này trông ok http://jsfiddle.net/Xmk2y/5/
tôi loại bỏ sự chậm trễ, thiết i = 0 và hoán đổi giá trị hàng đầu.
Vậy là xong. Biết tôi cần một cặp mắt thứ hai trên các biến đó, cảm ơn bạn! – rrbaker
Điều này cũng hoạt động: http://jsfiddle.net/Xmk2y/7/. Nhưng tôi nghĩ tôi thích giải pháp của Birey tốt hơn.
Dường như có một vài vấn đề theo những gì bạn đã đề cập. Đầu tiên là thiết lập chỉ mục thành -1. Điều đó dường như gây ra hiển thị tất cả các vấn đề. Tiếp theo là hình ảnh động, tôi đã cập nhật nó để sử dụng lời hứa jquery để đảm bảo rằng các hình ảnh động của trước đó đã được hoàn thành.
End kết quả: http://jsfiddle.net/bfbuS/2/
jQuery Promise: http://api.jquery.com/promise/
+1 cho lời hứa. Mặc dù cá nhân, tôi nghĩ rằng tôi thích nó khi các hình ảnh động chồng lên nhau một chút. – ddrace
chắc chắn đôi khi nó có ý nghĩa, tôi chỉ cố gắng làm theo ý định đã nêu. –
Không biết về lời hứa, cảm ơn bạn đã có một cái nhìn và mẹo đó. Vì vậy, tốt hơn nhiều so với đặt trong chậm trễ() shims. – rrbaker
http://jsfiddle.net/Quincy/Xmk2y/8/
Chỉ cần sử dụng các complete callback để đệ quy gọi nextQuote
Điều đó chắc chắn thực hiện thủ thuật; làm việc như tôi muốn bây giờ. Cảm ơn! – rrbaker
đẹp nhất. Điều này có vẻ hữu ích và cung cấp cho người đọc đủ thời gian để đọc. – Birey
Điều này là hoàn hảo, cảm ơn bạn! – rrbaker