Để làm Slide ảnh với code HTLM tôi đã có mấy bài giới thiệu rồi. Mỗi kiểu slide tạo theo cách này có một dạng khác nhau mang lại phong cách cá nhân của người làm ra nó. 

    Điều này làm cho độc giả của mình đỡ nhàm chán với một kiểu slide. Thói đời cái gì LẠ mà chắng thích !

     Làm slide ảnh với code HTLM có chú thích tôi cũng đã giới thiiệu với các bạn ở đây. 

Hôm nay tôi chia sẻ với các bạn một kiểu nữa về tạo slide ảnh có chú thích theo kiểu xếp gọn ảnh. Lúc bạn rê chuột vào ảnh nào nó mới hiện chú thích cho bạn !

Các bạn kích vào hình bên cạnh để xem trước:

    Để thực hiện đầu tiên các bạn phải:

- Chuẩn bị một số ảnh cần đưa vào slide và dùng Photoscape để đưa nó về cùng kích thước (mục đích là để khung hình của slide như nhau với tất cả các ảnh - như vậy slide mới đẹp và ảnh mới hiện được hết trong slide).

- Tải tất cả các ảnh lên một host ảnh (Photobucket, Dropbox...) để có link chèn vào đoạn code mẫu bên dưới.

- Dùng đoạn code mẫu tôi cho bên dưới để tạo slide.

Và đây là đoạn code mẫu:

GIẢI THÍCH CODE MẪU:
Các bạn có thể thay đổi các thông số dưới đây cho phù hợp với slide của riêng mình
* Fullw: là độ rộng của slideshow
* h: là chiều cao của slideshow
* Background:  là màu nền của Slideshow
* Img src: là link của ảnh
* Height:  là chiều cao của mỗi ảnh (để gần bằng chiều cao khung Slide)
* Width:  là độ rộng của mỗi ảnh (để gần bằng một nửa chiều rộng khung Slide)
* a herf:  là địa chỉ link liên kết của trang muốn trỏ đến.
      Các bạn hãy copy đoạn code mẫu trên và chú ý đến những hướng dẫn trong đoạn code mẫu vào NOTEPAD rồi thay đổi những thông số trên theo ý mình. Xong việc chỉnh sửa, các bạn copy và dán đoạn code này vào nơi nào mình muốn slide xuất hiện trong trình soạn thảo bài đăng ở chế độ HTML. Thế là OK !
LƯU Ý: Các đoạn hướng dẫn trong code mẫu các bạn cứ để nguyên vì nó không ảnh hưởng gì đến hoạt động của code mẫu cả !