本文介绍如何使用jQuery插件Galleria快速搭建图片画廊，包括下载必需文件、配置网页头部、创建图片列表及自定义样式等内容。
程序代码
<link href="galleria.css" rel="stylesheet" type="text/css" media="screen">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.galleria.js"></script>
<script type="text/javascript">
jQuery(function($) { $('ul.gallery').galleria(); });
</script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.galleria.js"></script>
<script type="text/javascript">
jQuery(function($) { $('ul.gallery').galleria(); });
</script>
程序代码
<ul class="gallery">
<li><img src="i/i01.jpg" title="A caption" alt="Image01"></li>
</ul>
<li><img src="i/i01.jpg" title="A caption" alt="Image01"></li>
</ul>
程序代码
<ul class="gallery">
<li><img class="noscale" src="i/01.jpg" title="A caption" alt="Image01"></li>
</ul>
<li><img class="noscale" src="i/01.jpg" title="A caption" alt="Image01"></li>
</ul>
程序代码
<ul class="gallery">
<li><a href="i/01.gif" title="A caption"><img src="i/01_thumb.jpg" alt="Image01"></a></li>
</ul>
<li><a href="i/01.gif" title="A caption"><img src="i/01_thumb.jpg" alt="Image01"></a></li>
</ul>
扫一扫
13
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
