LonelyWind
23-04-2008, 12:25 AM
Mình xin share code Flash Gallery EmageView. Thực ra cái này chắc ai cũng biết, và bên FCVN cũng đã có share rùi. Hôm nay mình chỉ post lại thui.
Hướng dẫn :
EmageView hoạt động chủ yếu dựa trên flash được nhúng vào trang web. Nó không sử dụng database mà lấy dữ liệu hình ảnh từ 1 file XML. Cho nên bạn chỉ cần up lên host là đã có thể chạy bình thường. Bạn chạy theo đường dẫn : http://yourdomainname/EmageView
Cấu trúc file XML của EmageView là như vậy :
<root path="gallerypictures/pics" thumbnailpath="gallerypictures/thumbnails">
<fo p="Lover" d="26" m="7" y="2007">
<fi p="01.jpg" d="5" m="2" y="2007"/>
<fi p="02.jpg" d="5" m="2" y="2007"/>
<fi p="03.jpg" d="5" m="2" y="2007"/>
</fo>
<fo p="HinhGames" d="9" m="3" y="2008">
<fi p="FFX2-800.jpg" d="5" m="2" y="2007"/>
<fi p="FFX4-800.jpg" d="5" m="2" y="2007"/>
<fi p="FFX11-10.jpg" d="5" m="2" y="2007"/>
<fi p="hinh 7.jpg" d="5" m="2" y="2007"/>
<fi p="hinh 9.jpg" d="5" m="2" y="2007"/>
<fi p="hinh 32.jpg" d="5" m="2" y="2007"/>
</fo>
</root>
Thuộc tính "path" là đường dẫn tới folder chứa toàn bộ hình ảnh trong gallery. Mỗi cặp tab <fo> </fo> là đại diện 1 chuyên mục hình ảnh trong gallery. Thuộc tính "p" trong thẻ <fo> là tên folder của chuyên mục nằm trong "gallerypictures/pics". Còn mỗ tab <fi/> trong <fo> là đại diện 1 file hình, 1 hình trong gallery. Thuộc tính "p" trong thẻ <fi/> là tên file hình (đừng ghi đường dẫn tương đối trong này, chỉ cần ghi tên file hình là dc rùi nha)
Nhìn cấu trúc này chắc các bạn biết làm sao để thêm 1 chuyên mục mới hoặc 1 hình mới vào gallery rùi fải hok? Muốn thêm chuyên mục thì thêm 1 cặp tab <fo> </fo> nữa với "p" là tên folder. Đồng thời trong "gallerypictures/pics" bạn cũng fải tạo 1 folder mới có tên giống như của "p". Còn mún thêm hình thì thêm tab <fi/> vào trong cặp <fo> </fo> (chuyên mục mình muốn đưa hình vào) là dc.
Ví dụ :
<fo p="Hinh phong canh" d="9" m="3" y="2008">
<fi p="river.jpg" d="5" m="2" y="2007"/>
</fo>
Các thuộc tính "d" "m" "y" chỉ là ngày tháng, bạn mún sửa lại sao cũng dc, ko wan trọng.
Tên chuyên mục (folder) hay tên file có thể có khoảng trắng cũng dc, ko làm ảnh hưởng tới đường dẫn hình ảnh của bạn đâu. Gặp khoảng trắng nó sẽ chuyển thành %20 hết.
Thực ra cách chỉnh sửa fiel XML thủ công như vậy hơi mất công và bất tiện. Nếu ai pro có thể viết thêm phần admin cho phép upload file hình lên rùi tự động cập nhật edit lại file XML, vậy sẽ hoàn chỉnh và tiện lợi hơn nhìu
Mình mới post lần đầu, có gì hok đúng nội qui mong MOD/admin bỏ wa cho.:19:
Demo : http://khodulieu.chiali.li/flash_gallery/
Hướng dẫn :
EmageView hoạt động chủ yếu dựa trên flash được nhúng vào trang web. Nó không sử dụng database mà lấy dữ liệu hình ảnh từ 1 file XML. Cho nên bạn chỉ cần up lên host là đã có thể chạy bình thường. Bạn chạy theo đường dẫn : http://yourdomainname/EmageView
Cấu trúc file XML của EmageView là như vậy :
<root path="gallerypictures/pics" thumbnailpath="gallerypictures/thumbnails">
<fo p="Lover" d="26" m="7" y="2007">
<fi p="01.jpg" d="5" m="2" y="2007"/>
<fi p="02.jpg" d="5" m="2" y="2007"/>
<fi p="03.jpg" d="5" m="2" y="2007"/>
</fo>
<fo p="HinhGames" d="9" m="3" y="2008">
<fi p="FFX2-800.jpg" d="5" m="2" y="2007"/>
<fi p="FFX4-800.jpg" d="5" m="2" y="2007"/>
<fi p="FFX11-10.jpg" d="5" m="2" y="2007"/>
<fi p="hinh 7.jpg" d="5" m="2" y="2007"/>
<fi p="hinh 9.jpg" d="5" m="2" y="2007"/>
<fi p="hinh 32.jpg" d="5" m="2" y="2007"/>
</fo>
</root>
Thuộc tính "path" là đường dẫn tới folder chứa toàn bộ hình ảnh trong gallery. Mỗi cặp tab <fo> </fo> là đại diện 1 chuyên mục hình ảnh trong gallery. Thuộc tính "p" trong thẻ <fo> là tên folder của chuyên mục nằm trong "gallerypictures/pics". Còn mỗ tab <fi/> trong <fo> là đại diện 1 file hình, 1 hình trong gallery. Thuộc tính "p" trong thẻ <fi/> là tên file hình (đừng ghi đường dẫn tương đối trong này, chỉ cần ghi tên file hình là dc rùi nha)
Nhìn cấu trúc này chắc các bạn biết làm sao để thêm 1 chuyên mục mới hoặc 1 hình mới vào gallery rùi fải hok? Muốn thêm chuyên mục thì thêm 1 cặp tab <fo> </fo> nữa với "p" là tên folder. Đồng thời trong "gallerypictures/pics" bạn cũng fải tạo 1 folder mới có tên giống như của "p". Còn mún thêm hình thì thêm tab <fi/> vào trong cặp <fo> </fo> (chuyên mục mình muốn đưa hình vào) là dc.
Ví dụ :
<fo p="Hinh phong canh" d="9" m="3" y="2008">
<fi p="river.jpg" d="5" m="2" y="2007"/>
</fo>
Các thuộc tính "d" "m" "y" chỉ là ngày tháng, bạn mún sửa lại sao cũng dc, ko wan trọng.
Tên chuyên mục (folder) hay tên file có thể có khoảng trắng cũng dc, ko làm ảnh hưởng tới đường dẫn hình ảnh của bạn đâu. Gặp khoảng trắng nó sẽ chuyển thành %20 hết.
Thực ra cách chỉnh sửa fiel XML thủ công như vậy hơi mất công và bất tiện. Nếu ai pro có thể viết thêm phần admin cho phép upload file hình lên rùi tự động cập nhật edit lại file XML, vậy sẽ hoàn chỉnh và tiện lợi hơn nhìu
Mình mới post lần đầu, có gì hok đúng nội qui mong MOD/admin bỏ wa cho.:19:
Demo : http://khodulieu.chiali.li/flash_gallery/