Làm mờ hình ảnh Dần dần bằng cách sử dụng jQuery

Question

Tôi có hình ảnh và tôi muốn đặt một số hiệu ứng mờ ban đầu cho hình ảnh đó. Khi một số hành động từ người dùng, tôi muốn hình ảnh giảm độ mờ của một số tiền. Có bất kỳ plugin jQuery tồn tại cho phép bạn xử lý bán kính mờ hoặc một cái gì đó như thế?

Tôi đã gặp một API jQuery ở đây http://www.pixastic.com/lib/docs/actions/blur/ Nhưng tôi không nghĩ rằng nó có thể thay đổi độ mờ của hình ảnh dần dần.

Cần trợ giúp, Vui lòng đề nghị Tôi nên làm gì? Có điều gì khác mà tôi có thể sử dụng không? Thanx trước.

Answer 1

Mọi javascript sẽ chỉ ở phía máy khách - hình ảnh sẽ có sẵn để xem rõ ràng nếu người dùng tắt javascript hoặc tại thời điểm hình ảnh đã tải và javascript không chạy.

Nếu bắt buộc hình ảnh chỉ rõ hơn khi người dùng chọn câu trả lời chính xác, tôi khuyên bạn nên có hình ảnh khác nhau 'blurriness' trên máy chủ được sử dụng để thay thế hình ảnh trước đó.

Answer 2

Có một cái nhìn một hướng dẫn này: http://tympanus.net/codrops/2011/11/18/fullscreen-image-blur-effect-with-html5/

Nó sử dụng StackBlur dần mờ hình ảnh.

Answer 3

Có thể. Mỗi lần Pixastic.process(img, "blur"); được gọi, hình ảnh bị mờ hơn một chút, vì vậy nó chỉ là vấn đề kích hoạt phương thức đó nhiều lần.

Bây giờ giảm độ mờ sẽ phức tạp hơn một chút, vì (tôi đoán) sẽ liên quan đến việc sao chép vào bản sao lưu "ít bị mờ" của hình ảnh. Chúc may mắn với điều này!