Làm thế nào để thực hiện một Slideshow dung Javascript đơn giản

Javascript, còn được gọi là js, là một ngôn ngữ kịch bản web được sử dụng để vận hành các yếu tố DOM (Document Object Model). Nó là một cross-nền tảng công nghệ để tương tác với các đối tượng trong HTML. Bằng cách truy cập các đối tượng khác nhau trong HTML, bạn thậm chí có thể nhận ra một dung Javascript trình diễn ảnh với mã Javascript tinh khiết.

Bài viết này sẽ cung cấp cho bạn một đơn giản Javascript slideshow ví dụ để bạn có thể thêm một chiếu hình ảnh vào trang web của bạn. Bạn có thể kiểm soát những gì và làm thế nào nhiều hình ảnh để được bao gồm, cũng như tốc độ slideshow. Hiệu ứng chuyển tiếp mờ dần duy nhất được sử dụng cho chiếu dung Javascript. Để đạt được nhiều điều khiển trên trình chiếu hình ảnh, chẳng hạn như thêm hiệu ứng chuyển tiếp, slideshow tiêu đề, hình ảnh siêu liên kết, vv, bạn được khuyến khích để sử dụng nhà sản xuất mạnh hơn như Flash thư viện ảnh nhà máy, mà ngay lập tức thêm bắt mắt cho thấy vào trang web của bạn.

Bạn cũng có thể trở thành một lập trình viên dung Javascript nâng cao mở rộng mã javascript cho một tốt hơn dung javascript slideshow bằng cách học Khóa học Javascript trên W3C.com. Bây giờ hãy xem làm thế nào để thiết lập một dung Javascript trình diễn ảnh từng bước.

1 bắt đầu từ JS slideshow hiệu ứng

Có là không cần phải viết mã Javascript slideshow từ đầu. Dưới đây là một ví dụ Javascript slideshow (1 kb, số zip). Tải về và giải nén vào máy tính của bạn. Chúng tôi chỉ đơn giản là sẽ thay đổi nó để phù hợp với nhu cầu của bạn. Bạn sẽ nhận được một tập tin javascript-slideshow-example.html duy nhất.

2 thay đổi đường dẫn hình ảnh, tên hình ảnh, js slideshow tốc độ

Mở nó với biên tập văn bản yêu thích của bạn và thay đổi nó theo các ghi chú được bao gồm trong các tập tin.

• Để thay đổi thời gian trượt, đi vào slideShowspeed tham số.
• Để thêm hình ảnh chi tiết, chỉ cần sao chép và dán Pic [0] = '1.jpg' dòng, và thay đổi mảng số và hình ảnh tập tin tên tương ứng. Nếu hình ảnh của bạn được đặt trong một thư mục, ví dụ như hình ảnh, sử dụng đường dẫn liên quan như Pic [0] = 'images/1.jpg'. Bạn cũng có thể sử dụng địa chỉ tuyệt đối hình ảnh ở đây.

3 nhúng dung Javascript slideshow để trang web của bạn

Bây giờ mở trang web bạn muốn nhúng một dung Javascript slideshow. Sao chép và dán từ khóa toàn bộ < kịch bản > nơi giữa < đầu > và < / đầu >. Sau đó cho trang để bắt đầu của bạn slideshow dung Javascript khi trang được nạp bằng cách thêm onLoad="javaSlideShow()" thuộc tính vào thẻ < cơ thể >. Cuối cùng, làm cho Javascript xuất hiện ở vị trí bên phải của trang. Để làm như vậy, chỉ cần đặt mã giữa < bảng > và < / bàn > thẻ vào nơi mà nó nên.

4 tiết kiệm và xem trước dung Javascript slideshow

OK, lưu nó và xem trước. Nếu tất cả mọi thứ đi bên phải, bạn có thể thấy một dung Javascript slideshow như thế này.