懒人图片浏览（image galleries，相册）功略——simpleviewer篇

这个相对简单一点,是基于FLASH+XML的,所以只需要选个FLASH再利用你熟悉的服务器语言生成个XML传过去就OK了．

官网DEMO：http://www.simpleviewer.net/simpleviewer/

因为使用了FLASH显然动画效果比较细腻，但是页面就不能随心所欲的设计了：-（

 

1、FLASH播放支持不可少:

<script type="text/javascript" src="swfobject.js"></script>

 

2、使用：

 <script type="text/javascript">
  var fo = new SWFObject("viewer.swf", "viewer", "100%", "100%", "1", "#181818");
  //fo.addVariable("xmlDataPath", "gallery.xml");
  //fo.addVariable("firstImageIndex", "5"); 
  //fo.addVariable("langOpenImage", "Open Image in New Window");
  //fo.addVariable("langAbout", "About"); 
  //fo.addVariable("preloaderColor", "0xFFFFFF");
   fo.write("flashcontent"); 
 </script> 

注意高这处：1）SWF文件，2）XML文件。

 

3、配置：
看XML文件的头行就一目了然了。你可尝试把这些属性

<?xml version="1.0" encoding="UTF-8"?>
<simpleviewergallery maxImageWidth="480" maxImageHeight="480" textColor="0xFFFFFF" frameColor="0xFFFFFF" frameWidth="4" stagePadding="40" navPadding="40" thumbnailColumns="8" thumbnailRows="1" navPosition="top" vAlign="bottom" hAlign="bottom" title="SimpleViewer Gallery" enableRightClickOpen="true" backgroundImagePath="" imagePath="" thumbPath="">