jquery 图片插件
1.图片循环展示插件supersized
文如其名,确实是一款令人惊奇的图片循环插件,本身包含各种变换效果和预加载选项,会对图片自动改变尺寸以适应浏览器窗口。
展示demo:
http://www.buildinternet.com/project/supersized/default.php#
2.Galleria
Galleria是一个类似于Flash 实现滑动与渐入渐出效果图片库
使用方法:
<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>
建立一个缩略图,但不能缩放(固定在中间)
程序代码<ul class="gallery">
<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>
下载地址:
文如其名,确实是一款令人惊奇的图片循环插件,本身包含各种变换效果和预加载选项,会对图片自动改变尺寸以适应浏览器窗口。
展示demo:
http://www.buildinternet.com/project/supersized/default.php#
2.Galleria
Galleria是一个类似于Flash 实现滑动与渐入渐出效果图片库
使用方法:
<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>
建立一个缩略图,但不能缩放(固定在中间)
程序代码<ul class="gallery">
<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>
下载地址: