Kênh 360 Công Nghệ Kênh 360 Công Nghệ

Trang chủ - Tin học ứng dụng - Thủ thuật blog - Tạo hiệu ứng hình ảnh đẹp trong blog Wordpress với plugin Lightbox JS 2.04

Tạo hiệu ứng hình ảnh đẹp trong blog Wordpress với plugin Lightbox JS 2.04

Plugin Lightbox JS 2.04 của Wordpress giúp bạn tạo hiệu ứng ảnh đẹp cho blog Wordpress bằng cách bật cửa sổ popup tạo bóng mờ che blog hiện tại và tạo hiệu ứng để hiển thị.

Cài đặt:

Để có được hiệu ứng như vậy các bạn thực hiện các bước như sau

  1. Download plugin Lightbox JS 2.04 tại đây
  2. Giải nén ra.
  3. Upload file “lightbox.php” và thư mục “lightbox” lên thư mục “/wp-content/plugins/” trên host
  4. activate plugin này.

Sử dụng:

Có 2 cách sử dụng đó là sử dụng hiệu ứng cho từng ảnh riêng lẻ hay cho từng nhóm ảnh.

1. Để sử dụng cho từng ảnh riêng lẻ thì thêm thuộc tính rel=”lightbox” vào thẻ a như sau:

href="images/image-1.jpg" rel="lightbox" title="Tieude">image1

Ví dụ khi bạn chèn một hình vào bài viết thì chèn luôn cả link đến hình ảnh đó, xem đoạn code sau:

<a href="http://www.blog.kenh360.com/wp-content/uploads/2008/03/dno061.jpg" title="dno061.jpg" rel="lightbox">
<img src="http://www.blog.kenh360.com/wp-content/uploads/2008/03/dno061.jpg" alt="dno061.jpg" width="100" /></a>

2. Tương tự như vậy, để sử dụng cho từng nhóm ảnh thì thêm thuộc tính rel=”lightbox[roadtrip]” vào thẻ a như sau:

<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image3</a>
Sưu tầm

Lần cập nhật cuối ( Thứ bảy, 11 Tháng 12 2010 13:52 )  

Kênh 360 công nghệ

  • Nổi bật
  • Tin mới
  • Game mới
  • PrestaShop Guide
  • PrestaShop

Có thể bạn quan tâm

English French German Japanese Korean