Demo:
http://teenmaster.somee.com/slideChèn ở đầu trang web (Nếu bạn xài forum Invisionfree thì chèn ở Meta tags)
- Code:
-
<link rel="stylesheet" href="http://teenmaster.somee.com/slide/css/lightbox.css" type="text/css" media="screen" />
Ở giữa <head></head> (Nếu là forum Invisionfree thì chèn ở JavaScript)
- Code:
-
<script src="http://teenmaster.somee.com/slide/js/prototype.js" type="text/javascript"></script>
<script src="http://teenmaster.somee.com/slide/js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="http://teenmaster.somee.com/slide/js/lightbox.js" type="text/javascript"></script>
Bây giờ bạn muốn Slide hình ở đâu thì chèn cái này ở đó :
<a href="
http://teenmaster.somee.com/slide/images/image-1.jpg" rel="lightbox[roadtrip]"><img src="
images/thumb-1.jpg" width="100" height="40" alt="" /></a>
<a href="http://teenmaster.somee.com/slide/images/image_2.jpg" rel="lightbox[roadtrip]"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>
<a href="http://teenmaster.somee.com/slide/images/image_3.jpg" rel="lightbox[roadtrip]"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>
<a href="http://teenmaster.somee.com/slide/images/image_4.jpg" rel="lightbox[roadtrip]"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>
<a href="http://teenmaster.somee.com/slide/images/image_5.jpg" rel="lightbox[roadtrip]"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>
<a href="http://teenmaster.somee.com/slide/images/image_6.jpg" rel="lightbox[roadtrip]"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>
<a href="http://teenmaster.somee.com/slide/images/image_7.jpg" rel="lightbox[roadtrip]"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>
Phần màu đỏ bạn thay bằng Link hình . Phần màu xanh bạn thay bằng hình đại diện của nó .