这个相对简单一点,是基于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="">