Làm việc với đối tượng image

Một phần của tài liệu Báo cáo isas 5 quarter 5 sử dụng javascript (Trang 30 - 31)

Bạn có thể thay đổi hình ảnh động bằng cách sử dụng đối tượng image liên quan với nó. Cách thường dùng để làm điều này là với mảng document.images. Mảng này chứa một mục cho mỗi hình ảnh được định nghĩa trên trang. Mỗi hình ảnh cũng có thể có một tên. Trong hệ thống phân cấp đối tượng, mỗi đối tượng hình ảnh là con của đối tượng tài liệu.

Với W3C DOM, bạn cũng có thể chỉ định một thuộc tính id vào một hình ảnh trong thẻ <img>, và sau đó sử dụng document.getElementById để tìm đối tượng cho hình ảnh đó. Mỗi đối tượng hình ảnh có tính chất sau đây:

Completelà một lá cờ đó cho bạn xem hình ảnh đã được tải xong. Đây là một giá trị Boolean (đúng hoặc sai).

Height và width hình ảnh phản ánh các thuộc tính tương ứng. Đây là thông tin duy nhất, bạn không thể thay đổi kích thước của hình ảnh động.

hspace và vspace đại diện cho các thuộc tính hình ảnh tương ứng, trong đó xác định vị trí của hình ảnh trên trang. Một lần nữa, đây là một thuộc tính chỉ đọc.

name là tên của hình ảnh. Bạn có thể xác định điều này với các thuộc tính NAME trong định nghĩa hình ảnh.

align (có các giá trị top/middle/bottom/left/right) dùng để canh hình ảnh so với văn bản.

alt là chữ sẽ được hiển thị khi hình ảnh không tồn tại hoặc chức năng show hình ảnh bị tắt.

src là đường dẫn của hình ảnh, hoặc URL. Bạn có thể thay đổi giá trị này để thay đổi hình ảnh động.

• Thẻ border xác định đường viền của ảnh. Điều này xác định liệu một đường

viền được vẽ trên một hình ảnh liên kết.

• #Lowsrc là giá trị của thuộc tính LOWSRC. Đây là một thuộc tính cụ thể của

Netscape cho phép bạn chỉ định một hình ảnh độ phân giải thấp để được nạp trước khi hình ảnh "thật".

Đối với hầu hết các mục đích, những thuộc tính src là duy nhất bạn sẽ sử dụng. Các đối tượng hình ảnh không có phương thức. Nó có ba xử lý sự kiện bạn có thể sử dụng:

Các sự kiện onLoad xảy ra khi kết thúc tải hình ảnh. (Bởi vì sự kiện onload cho toàn bộ tài liệu được kích hoạt khi tất cả các hình ảnh đã tải xong, nó thường là một sự lựa chọn tốt hơn.)

Sự kiện onAbort xảy ra nếu người dùng hủy bỏ các trang trước khi hình ảnh được tải.

Các sự kiện onError xảy ra nếu tập tin hình ảnh không tìm thấy hoặc lỗi. Lưu ý

Mặc dù thay đổi nguồn hình ảnh hoạt động tốt, bạn cũng có thể sử dụng W3C DOM hoàn toàn loại bỏ hoặc thay thế các đối tượng hình ảnh, hoặc chèn mới, giống như bất kỳ đối tượng khác.

Một phần của tài liệu Báo cáo isas 5 quarter 5 sử dụng javascript (Trang 30 - 31)