Gia đình Cụ Quang: Làm Slide ảnh với Code HTML

Làm Slide ảnh với Code HTML

Các bạn thích làm trình chiếu ảnh (Slide) chèn vào Blog thì có nhiều cách để thực hiện:
1- Dùng phần mềm
2- Dùng các dịch vụ trực tuyến để làm rồi lấy code nhúng vào Blog.
Hai cách trên cho các chuyển cảnh đẹp nhưng làm hơi phức tạp tý. Nếu các bạn không cần cầu kỳ về chuyển cảnh cho slide thì dùng cách sau đây. Đó là cách dùng Code HTML.
Sau đây tôi xin hướng dẫn các bạn làm theo cách này !
Các bước thực hiện
1- Tìm các ảnh cần là slide rồi dùng một trình sửa ảnh nào đó như Photoscape chẳng hạn để thay đổi kích thước hàng loạt cho ảnh. Mục đích của việc làm này là làm cho ảnh có cùng một kích thước thì lúc làm slide sẽ đẹp hơn
2- Tải lên Host ảnh (Photobucket, DropBox...) để lấy link của nó
3- Dùng Code sau để chỉnh sửa rồi copy Code đã chỉnh sửa dán vào bài viết ở chế độ HTML rồi xuất bản là ta có một Slide như hình dưới !

Tôi giải thích chút xíu về code này: Như các bạn cũng thấy trong Slide có 6 hình
Những chỗ LINK ẢNH 1, LINK ẢNH 2,.... là link của các hình đó mà các bạn đã tải lên Host, còn chỗ in nghiêng là 6 link liên kết các bạn muốn trỏ đến (tức là khi các bạn click vào một hình thì nó sẽ nhảy ra một trang mà các bạn đã gán vào)
- Số hình thì các bạn có thể thoải mái cứ thế mà thêm vào.
- Nhớ là giữa các link ảnh phải có dấu ngăn cách là dấu này: |

pic_width=360&pic_height=240: Cái này là chiều rộng và chiều cao của hình.

stop_time=6000 : Cái này là thời gian chuyển hình, để 6000 có nghĩa là cứ 6 giây thì chuyển hình khác.

wmode="transparent" height="240" width="360": cái này là chiều cao và chiều rộng của khung hình.
Các bạn nên chỉnh hai cái này như nhau để ảnh vừa khít với khung hình cho đẹp !
Và đây là kết quả :

Làm Slide ảnh với Code HTML

Ngô Minh Lương

0 Komentar