Trình diễn ảnh, trưng bày ảnh là những hiệu ứng không thể thiếu trong thế giới web, thế giới Internet từ thuở sơ khai. Bạn cũng có thể tìm thấy rất nhiều hiệu ứng JavaScript thuộc loại này trên [email protected]:

- JavaScript Trưng bày ảnh
- JavaScript Trưng bày ảnh 2
- JaS Gallery

Nhưng hôm nay trong bài viết này, [email protected] xin giới thiệu với các bạn danh sách 65 tiện ích, giải pháp trình diễn ảnh, trưng bày ảnh cực kì tuyệt vời mà miễn phí. Tất cả chúng đều dễ dàng cài đặt và sử dụng, chỉ hoàn toàn hoàn JavaScript, không dùng Flash nhưng vẫn tuyệt vời. Hy vọng bạn sẽ thích danh sách này.

Một số ứng dụng thật sự ấn tượng với [email protected]: Galleriffic, Slideviewer, Galleria, Spacegallery, Thickbox (jsB@nk đang sử dụng thư viện tiện ích jQuery này), Fancybox, MooFlow, Lightbox2, Minishowcase, CSS Image Gallery, Highslide JS.

Như tiêu đề của bài viết này đã khẳng định, bạn nên chọn một hoặc nhiều sách điện tử trong danh sách này để bắt đầu làm quen với ngôn ngữ thiết kế và lập trình web phổ biến nhất hiện nay: JavaScript. Còn nếu bạn đã là một chuyên gia về JavaScript, tôi hy vọng sẽ sớm gặp lại bạn trong bài viết Những quyển sách JavaScript/AJAX tốt nhất chuyên gia nên luyện.

Danh sách 10 quyển sách này được sắp xếp từ dễ đến khó để tiếp thu, bạn có thể dễ dàng tải về miễn phí tất cả chúng tại đây.

Bạn đang cần một bộ đếm thời gian với giao diện hấp dẫn và bắt mắt cho web của mình? Và nó cũng phải đơn giản để sử dụng & chỉnh sửa? Hãy xem ví dụ này ngay để quyết định; bộ đếm thời gian giảm dần này đáp ứng đầy đủ các nhu cầu của bạn, và có lẽ sẽ là bộ đếm tốt nhất mà bạn từng dùng.

Chỉ còn vài ngày nữa là Nô-en sẽ đến, và nếu bạn vẫn còn đang tìm kiếm một bộ đếm cho ngày Giáng sinh trên trang web của mình thì tôi nghĩ đây là bài viết cực kì hữu ích với bạn; bởi thông qua bài viết này, tôi sẽ giới thiệu với bạn danh sách mười hiệu ứng bộ đếm đến ngày Giáng sinh đẹp nhất mà tôi gặp.

Hầu hết các bộ đếm này thuộc định dạng Flash và có thể tải về được, một số khác là HTML + JavaScript, và một số khác nữa là phiên bản thương mại. Dù vậy, tôi chỉ giới thiệu chúng với bạn, không phải đề nghị bạn cứ lấy và dùng chúng một cách tự do mà không xin phép các tác giả.

Hiệu ứng này kết hợp cả CSS và JavaScript để tạo một trình đơn định hướng nhiều cấp trên trang web, các trình đơn con sẽ xổ xuống khi người dùng rê con trỏ chuột vào. Bạn có thể dễ dàng thêm nhiều cấp như mong muốn và hiệu ứng này không sử dụng thẻ table để thiết kế trình đơn mà dùng kĩ thuật CSS đang thịnh hành hiện nay.

Hiệu ứng tạo ra các trình đơn định hướng với giao diện và cách hoạt động khá giống với các trình đơn trong HĐH Windows XP. Ngoài ra, hiệu ứng còn kết hợp với cookie để lưu trạng thái của trình đơn, cùng với tính năng mờ dần là một tùy chọn, bạn có thể tắt nó đi.

Bạn có thể xem thêm phiên bản đầu tiên của hiệu ứng: Menu kiểu công tắc

Đây là một trong những hiệu ứng tạo danh sách liên kết sử dụng trình đơn xổ dọc, ví dụ trong đoạn mã này là quốc gia, tiểu bang và thành phố. Khi người dùng chọn một quốc gia trong trình đơn đầu tiên thì các tiểu bang tương ứng của quốc gia được hiển thị trong trình đơn thứ hai và tương ứng là các thành phố cho trình đơn còn lại.

Bạn có thể tinh chỉnh tùy theo nhu cầu của mình, chảng hạn như dùng cho điện thoại: loại/hãng/mẫu hay sách: nhà xuất bản/tác giả/tựa.

Hiệu ứng có thể làm cho một nhóm các hình ảnh (logo, banner,...) chạy ngang liên tục trên trang web, nếu không xem mã nguồn, có thể ta sẽ lầm tưởng rằng đây là một trong những đoạn mã sử dụng thẻ MARQUEE để thực hiện việc di chuyển. Bạn có thể chèn liên kết cho mỗi ảnh.

Ngoài ra, bạn có thể xem thêm hiệu ứng Luồng ảnh di chuyển của cùng tác giả.

Bạn có thể dùng đoạn mã JavaScript này sử dụng trình đơn xổ dọc để tạo chức năng định hướng cho các liên kết (khác) trên trang web. Mỗi khi người dùng nhấn chọn thì trình duyệt sẽ dẫn người dùng đến địa chỉ cụ thể tương ứng do bạn thiết lập. Một hiệu ứng JavaScript cực kì nhỏ gọn nhưng đầy hiệu quả với những trang web có quá nhiều chi tiết, cần phải tiết kiệm không gian.

Bạn đang cần một hiệu ứng tạo trang giới thiệu với đầy đủ các tính năng đa phương diện? Vậy thì bạn hãy thử đoạn mã này xem sao, trang giới thiệu của bạn sẽ trở nên hấp dẫn, độc đáo và mới lạ hơn với các hiệu ứng về âm thanh, hình ảnh và mỹ thuật. Và còn gì nữa trong hiệu ứng này? Đó là bạn có thể chỉnh sửa và thay thế các thông tin của riêng bạn một cách dễ dàng. Hiệu ứng này sử dụng Flash để hiển thị, tập tin văn bản để lưu trữ thông tin và dùng JavaScript để vận hành. Hãy tải gói hiệu ứng này và xem thêm các hướng dẫn trong mã nguồn để có một trang giới thiệu tuyệt vời nhất.