当前位置: 首页 > 工具软件 > Galleria > 使用案例 >

jQuery图片展示插件Galleria

翁凯定
2023-12-01

主页: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>

 类似资料: