Hôm nay mình sẽ giới thiệu các bạn một code trình diễn ảnh cực đẹp
Demo
Code
1. Cho code sau vào thẻ head
<style type="text/css">
.flashclass{ /*sample CSS class added to image slideshow container*/
width: 200px; /*a width should be defined for transition to work*/
border: 5px solid orange;
padding: 5px;
}
.flashclass img{
border-width: 0;
}
</style>
<script type="text/javascript" src="http://bloggiaovienthaibinh.110mb.com/anh3/transitionshow.js"></script>
2. Code sau cho vào thẻ body ( chỗ nào muốn hiển thị)
<script type="text/javascript">
var flashyshow=new flashyslideshow({ //create instance of slideshow
wrapperid: "myslideshow", //unique ID for this slideshow
wrapperclass: "flashclass", //desired CSS class for this slideshow
imagearray: [
["1.jpg", "http://webtruonghoc.oni.cc", "_new", "Thủ thuật blog violet."],
["2.jpg", "http://webtruonghoc.oni.cc", "", "Thiết kế web trường học?"],
["3.jpg", "http://webtruonghoc.oni.cc", "", "Code cho blog."],
["4.jpg", "http://webtruonghoc.oni.cc", "", "Hệ thống tra cứu điểm trường học."]
],
pause: 2000, //pause between content change (millisec)
transduration: 1000 //duration of transition (affects only IE users)
})
</script>
3.HD
- Các bạn thay link ảnh ,link web khi click vào ảnh và lời giới thiệu về ảnh
["1.jpg", "http://webtruonghoc.oni.cc", "_new", "Thủ thuật blog violet."],
["2.jpg", "http://webtruonghoc.oni.cc", "", "Thiết kế web trường học?"],
["3.jpg", "http://webtruonghoc.oni.cc", "", "Code cho blog."],
["4.jpg", "http://webtruonghoc.oni.cc", "", "Hệ thống tra cứu điểm trường học."]
-Muốn nhiều ảnh các lặp lại code trên
Chú ý : Với blog violet thì các bạn cho tất code trên vào khối chức năng là được
Kích thước anhe lên điểu chính cho cùng kích thước
Code
1. Cho code sau vào thẻ head
<style type="text/css">
.flashclass{ /*sample CSS class added to image slideshow container*/
width: 200px; /*a width should be defined for transition to work*/
border: 5px solid orange;
padding: 5px;
}
.flashclass img{
border-width: 0;
}
</style>
<script type="text/javascript" src="http://bloggiaovienthaibinh.110mb.com/anh3/transitionshow.js"></script>
2. Code sau cho vào thẻ body ( chỗ nào muốn hiển thị)
<script type="text/javascript">
var flashyshow=new flashyslideshow({ //create instance of slideshow
wrapperid: "myslideshow", //unique ID for this slideshow
wrapperclass: "flashclass", //desired CSS class for this slideshow
imagearray: [
["1.jpg", "http://webtruonghoc.oni.cc", "_new", "Thủ thuật blog violet."],
["2.jpg", "http://webtruonghoc.oni.cc", "", "Thiết kế web trường học?"],
["3.jpg", "http://webtruonghoc.oni.cc", "", "Code cho blog."],
["4.jpg", "http://webtruonghoc.oni.cc", "", "Hệ thống tra cứu điểm trường học."]
],
pause: 2000, //pause between content change (millisec)
transduration: 1000 //duration of transition (affects only IE users)
})
</script>
3.HD
- Các bạn thay link ảnh ,link web khi click vào ảnh và lời giới thiệu về ảnh
["1.jpg", "http://webtruonghoc.oni.cc", "_new", "Thủ thuật blog violet."],
["2.jpg", "http://webtruonghoc.oni.cc", "", "Thiết kế web trường học?"],
["3.jpg", "http://webtruonghoc.oni.cc", "", "Code cho blog."],
["4.jpg", "http://webtruonghoc.oni.cc", "", "Hệ thống tra cứu điểm trường học."]
-Muốn nhiều ảnh các lặp lại code trên
Chú ý : Với blog violet thì các bạn cho tất code trên vào khối chức năng là được
Kích thước anhe lên điểu chính cho cùng kích thước
Posted in: Thủ Thuật blogspot
Hôm nay mình post tặng các bạn code trình diễn ảnh rất đẹp
Khi đặt bút viết bài này (chính xác hơn là đặt tay lên bàn phím) mình băn khoăn không biết có nên viết không. Đây là chủ đề không mới và có thể 1 số bạn không xem xét kỹ code mà chỉ lướt qua tiêu đề rồi cho rằng mình lấy code ở 1 nơi khác rồi xào lại. Ở bài 
Tiện ích Recent Posts với hình ảnh thu nhỏ - đây là tiện ích mà mình không dùng vì muốn xem bài viết mới mình thường có thói quen quay về trang chủ. Tiện ích được viết ra chỉ cho đủ bộ tiện ích về Bài đăng bởi cũng không tìm được thêm tính năng nào được coi là mới. Có chăng là tính năng nhận biết bài viết nào đã tắt Nhận xét, hình ảnh hỗ trợ cho cả video trên Youtube và gần đây mình thấy ảnh ở Photobucket cũng được lưu trữ, số lượng bài viết được tải về từ feed lấy đủ cho số bài viết bạn muốn hiển thị để tránh dư thừa. Những tính năng này đều đã có trong các tiện ích 
Một trong những tiện ích mình kiêng kỵ nhất là Random Posts, bởi tiện ích này tải toàn bộ dữ liệu từ feed về, không những làm chậm tốc độ cho blog mà còn không chính xác với blog có trên 500 bài viết - đây là con số bài viết tối đa được feed tải về. Trong tiện ích mình giới thiệu sau đây thay vì 1 lần tải toàn bộ feed thì mình tải lần lượt theo số bài viết muốn hiển thị và chỉ lấy duy nhất 1 bài trong 1 lần tải. Trước đó sẽ có 1 lần tải dữ liệu đầu tiên từ feed để xác định tổng số bài viết hiện có, 1 hàm lấy ngẫu nhiên 5 số khác nhau từ 1 đến tổng số bài viết. Ví dụ muốn hiển thị 5 bài viết ngẫu nhiên thì sẽ có 6 lần tải feed, mặc dù số lần lấy nhiều nhưng dung lượng 1 lần lấy lại nhỏ. Khối lượng chỉ tương đương với blog bạn có tổng số bài viết là 6, so sánh vậy để thấy nếu blog càng nhiều bài viết thì tiện ích này có tốc độ nhanh hơn kiểu tải toàn bộ feed rất nhiều lần.
