


Cách cài đặt HightSlide JS - công cụ phóng to ảnh thành Slide lên Web, Blog
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:
3)Đoạn code khi Post bài( hiện ảnh):<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>
<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

Không có nhận xét nào:
Đăng nhận xét