Trước đây Chelvn có 1 bài hướng dẫn cách làm 1 slideshow ảnh trong blog ( phóng to ảnh thành 1 Slideshow ) bằng Magic thumb



Bh chelvn sẽ giới thiệu tiếp 1 công cụ còn ngon hơn nhiều MagicThumb, đó là Hightslide JS ( nhiều trang xài cái này lắm, dambut với channuoiheo chẳng hạn  )

Sau đây là các bước:



1) Tải về tại download page.

Thư mục sau khi giải nén có cấu trúc thế này:





->Up tất lên 1 cái host (websamba đi, cái này tốt)



2) Đoạn code thay vào thẻ head trong chỉnh sửa HTML:

<script type="text/javascript" src="link den/highslide/highslide.js"></script>

<link rel="stylesheet" type="text/css" href="link den/highslide/highslide.css" />

<script type="text/javascript">

hs.graphicsDir = 'link den/highslide/graphics/';

//cac tuy chon cho kieu thumb anh

//vi du: kieu hien thi outerGlow

hs.outlineType = 'outer-glow';

hs.wrapperClassName = 'outer-glow';

</script>

3)Đoạn code khi Post bài( hiện ảnh):

<a href="link den/full-image.jpg" class="highslide"

onclick="return hs.expand(this)">

<img src="link den/thumbnail.jpg" alt="Highslide JS"

//se hien len "click to enlarge" khi di chuot qua anh

title="Click to enlarge"

//kich co cua anh nho

height="120" width="107" /></a>

Các kiểu hiển thị:



1.Outer-Glow

2.Mini-Gallery

3.Inline

4.No-boder

5.No-outlines

6.Mini-galleries

7.White-rounded-outline

8.Gallery-white

9.gallery-floating-caption

...

(Tự tìm hiểu các kiểu hiển thị nhé, có hết trong mục cài đặt \highslide-4.0.12 đó )



Tính năng:



1.Slide ảnh

2.slide Text

3.Slide Flash

4.Slide theo kiểu map ( bản đồ )

HightSlide dùng ngon với:



IE 8 beta 1 Works partly, waiting for more stable beta. IE 5.0 - 7.0 Works IE 4.0 Falls back nicely Firefox 1.5 - 3.0 Works Opera 8.5 - 9.5 Works Netscape 7.2 Works Netscape 4.79 Falls back nicely Safari 2.0 - 3.0 on Mac, 3.0 on Windows Works Google Chrome Works Konqueror 3.5 Works

Chi tiết tại http://chelvn.blogspot.com