hihi, là người mở đầu cho chuyên mục luôn, ngại ghê smile Thôi bắt đầu nhé... Số là hôm bữa mình có post mấy đoạn clip bằng flash lên blog, có 2 clip thôi mà lúc truy cập vào thấy nó chạy chậm quá (tại phải kết nối tới server và tải thông tin clip về mà) trong khi chưa chắc khách truy cập đã muốn xem hết tất cả các clip đó.
Ngày xưa khi dùng thử Bo-blog, mình thấy mã nguồn này rất hay, nhẹ.. và ở phần tinh chỉnh cho bài viết cho 2 tuỳ chọn cho cách hiển thị các file media (bao gồm cả nhạc, film, và flash) là hiển thị trực tiếp và hiển thị dưới dạng đóng/mở. Mình lấy ý tưởng từ đây và xây dựng cho Ucoz chức năng này luôn. Mình thấy khi dùng cách này có 2 điều lợi:
1 - là giúp chèn các file flash vào bài viết nhanh hơn (dùng 1 đoạn script ngắn thay chon 1 đoạn mã HTML dài ngoằn)
2 - là khi hiển thị bài viết, flash sẽ được thu gọn thành 1 đoạn text ngắn và chỉ được mở khi khách cần xem (thay vì phải tải flash về máy trước dù cho khách có muốn xem hay không) ==> tăng tốc load trang và tiết kiệm băng thông.
đó là suy nghĩ của mình, ai có cùng suy nghĩ với mình thì bắt tay vào thực hiện nhé
để thực hiện bạn chỉ cần chèn đoạn code sau vào phần TOP
Code
Code
<script>
function _flash(url,w,h)
{
html='<div style="cursor:hand;padding:3px" onclick="this.innerHTML=_viewflash(\''+url+'\','+w+','+h+')" title="ChjpBlog.InFo.Tm">';
html+='<div style="border:1px dotted gray;font-size:9px;font-family:Verdana;color:#AAAAAA;background:#FFFFFF;width:400px">';
html+='<img src="/icon/flash_r.jpg" align=left width=55 height=45><br>Chương trình xem media đã bị vô hiệu hóa để tăng tốc độ lướt web.<br>Nhấn vào đây để kích hoạt....<br> ';
html+='</div></div>';
document.write(html);
}
function _viewflash(url,w,h)
{
return '<embed src="'+url+'" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="'+w+'" height="'+h+'"></embed>';
}
</script>
Thế là xong, đơn giản chỉ là như thế.
Vậy là từ nay về sau để chèn flash vào bài viết, bạn chỉ dùng đoạn mã sau:
Code
Code
<script>
_flash('http://abc.com/xyz.swf',450,400);
</script>
trong đó 450, 400 là 2 thông số chỉ chiều rộng và chiều cao để hiển thị flash. Demo cho bài viết này các bạn có thể truy cập vào mục Clip hài & ảnh vui tại Chjp's Blog để xem cách hiển thị flash theo mình nói nhé.
Chúc các bạn thành công !