主页:http://galleria.aino.se/
使用非常简单,下面是例子:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="aino-galleria-84fe808/src/galleria.js"></script>
<style type="text/css">
#images{width:500px; height:400px;margin:20px auto}
</style>
<script type="text/javascript">
$(function(){
Galleria.loadTheme('aino-galleria-84fe808/src/themes/classic/galleria.classic.js');
$('#images').galleria({
image_crop:true,
transition: 'fade',
});
});
</script>
</head>
<body>
<div id="images">
<img src="1.jpg">
<img src="2.jpg">
<img src="3.jpg">
<img src="4.jpg">
<img src="5.jpg">
<img src="6.jpg">
<img src="7.jpg">
<img src="8.jpg">
</div>
</body>
</html>