Sunday, June 24, 2012

Làm slider ảnh kết hợp Flash cho blog - photo



Làm slider ảnh kết hợp  Flash cho blog
Dạng Slider này được khá nhiều trang web sử dụng vì nhìn đẹp mắt, và ưu điểm hơn các dạng slider bằng JQuery là nó load nhanh hơn rất nhiều vì chỉ có một file flash, Đặc biệt có thể tự động chuyển ảnh mà không cần một code CSS nào cả. Bạn hãy thủ và cho mình biết cảm nhận của bạn về Slider này nha.
Code này có thể sử dụng trên Blogspot, Yahoo Pluss, Website.
Các bạn có thể xem Demo ngay bên dưới:

Cách tiến hành:
   1- Đăng nhập vào Blog
   2- Vào Phần Tử trang (Bố cụ)
   3- Chọn Thêm Tiện ích

   4- Tạo một HTML/javarscip và dán đoạnc ode bên dưới vào..
<embed
type="application/x-shockwave-flash"
AllowScriptAccess="never" 
height="375"
width="500"

src="https://4347588367093693238-a-1802744773732722657-s-sites.googlegroups.com/site/namknablogspot/namkna_slide.swf"    flashvars="config=5&bcastr_flie=
anh1|anh2|anh3&bcastr_link=link1|link2|link3"
wmode="transparent"></embed>
      - Bấm vào cái ảnh 1 trong slide (anh1) nó sẽ hiện ra 1 trang web có link là link1Các bạn chỉ cần chèn link ảnh của mình vô + link trang web hoặc bài viết theo thứ tự là đc.
       - Tăng tốc độ chuyển giữa 2 ảnh bằng cách thay đổi thông số config=5
- Lưu ý: Code này sử dụng File Flasst trên host của namkna, do vậy nếu bạn nào muốn sử dụng lâu dài nên tải File flast về TẠI ĐÂY hoặc TẠI ĐÂY và Uploand lên Hot riêng. (Nếu chưa có host thì bạn có thể xem hot free Tại đây
- Các bạn cũng có thể tăng số lượng ảnh lên bằng việc tăng phần anh và link
Ví dụ:
anh1|anh2|anh3|anh4|anh5|anh6&bcastr_link=link1|link2|link3|link4|link5|link6
Khi đó ta được Code mới như sau:
<embed
type="application/x-shockwave-flash"
AllowScriptAccess="never" 
height="375"
width="500"

src="https://4347588367093693238-a-1802744773732722657-s-sites.googlegroups.com/site/namknablogspot/namkna_slide.swf"    flashvars="config=5&bcastr_flie=
anh1|anh2|anh3|anh4|anh5|anh6&bcastr_link=link1|link2|link3|link4|link5|link6"
wmode="transparent"></embed>
Nếu không muốn khi Click và ảnh chuyển tới trang khác thì bạn để trống phần 

link1|link2|link3|link4|link5|link6
Chúc thành công!
Chủ đề:

No comments:

Post a Comment

Popular Posts