welcome to xlongwei.com

欢迎大家一起学习、交流、分享


QQ:9167702333 邮箱:admin@xlongwei.com

gelleria 网页相册插件介绍


分类 Web   关键字 分享   标签 web   发布 hongwei  1443434655467
注意 转载须保留原文链接,译文链接,作者译者等信息。  
gelleria是一款很不错的网页相册js插件,可以实现类似ppt的效果。

引入js
<script src="http://s.xlongwei.com/res/js/umeditor1_2_2/third-party/jquery.min.js"></script>
<script src="http://s.xlongwei.com/res/js/jquery/galleria/galleria-1.4.2.min.js"></script>
<script src="http://s.xlongwei.com/res/js/jquery/galleria/themes/classic/galleria.classic.min.js"></script>
<script src="http://s.xlongwei.com/res/js/jquery/jquery.lazyload.js"></script>

样式和相册,支持自动播放
<style>.galleria{width:950px;height:650px;background:#000;margin:auto}</style>
<script>
$(function(){$("img").lazyload();Galleria.run('.galleria',{autoplay:true});})
</script>

相册图片代码,图片懒加载貌似没有效果
<div class="galleria">
<img src="http://s.xlongwei.com/uploads/image/beiying/1.jpg">
<img src="http://s.xlongwei.com/uploads/image/beiying/2.jpg">
</div>

demo演示:http://s.xlongwei.com/uploads/image/beiying/