Đang chuẩn bị liên kết để tải về tài liệu:
Học JavaScript qua ví dụ part 46

Thay thế hình ảnh động các với các tài sản src Bằng cách thay đổi giá trị tài sản được giao src của ảnh, nó có thể tự động thay thế một hình ảnh với nhau. Bạn có thể tạo ra một loạt các hình ảnh với các Array () xây dựng, và chỉ định bất kỳ một trong những hình ảnh đối với tài sản src của hình ảnh JavaScript [] mảng. | 428 Chapter 12 Working with Images and Links 12.3.1 Replacing Images Dynamically with the src Property By changing the value assigned to the src property of an image it is possible to dynamically replace one image with another. You can create an array of images with the Array constructor and assign any one of these images to the src property of the JavaScript images array. EXAMPLE 12.4 html head title HTML Images title script type text javascript 1 var myImages new Array baby1.jpg baby2.jpg baby3.jpg baby4.jpg 2 index_val 0 3 function next_image 4 index_val 5 if index_val myImages.length 6 document.images babypic .src myImages index_val could say document.babypic.src or document.images 0 .src 7 else index_val 0 document.images babypic .src myImages index_val 8 function previous_image index_val-- 9 if index_val 0 document.images babypic .src myImages index_val 10 else index_val myImages.length - 1 document.images babypic .src myImages index_val script head body div align center h2 Baby Gallery h2 11 img name babypic id babypic src baby1.jpg width 329 height 440 br From the Library of WoweBook.Com 12.3 Working with Imagemaps 429 EXAMPLE 12.4 continued 12 a href JavaScript next_image View next baby br a 13 a href JavaScript previous_image View previous baby br a div body html EXPLANATION 1 The array myImages consisting of four images is created by the Array constructor. 2 The index value for the array is assigned to a variable called index_val. 3 A function called next_image is defined. When called the function will cause the next image in the array to be displayed. 4 By increasing the value of the index the next image in the array will be accessed. 5 As long as the end of the array hasn t been reached the block will be entered and the new image displayed. 6 The name of the image babypic is used as an index into the images array to reference the default image by name. By assigning a new image from the mylmages array to the image s src property the current image will .