jQuery编写的javascript图像画廊插件Galleria
2009-01-12 15:31
453 查看
« 上一张 | 下一张 »
通过简单的五个步骤就可以实现图片画廊,这就是jQuery插件Galleria能够为我们做的。
1.下载最新版本的jQuery。
2.下载Galleria插件和galleria.css样式文件。
3.添加以下代码到页面的<head></head>头部中:
程序代码
<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>
4.建立一个图片的无序列表并赋予一个标识(如class='gallery')
5.可以根据需要重载或修改Galleria样式.
建立一个缩放的可点击的缩略图
程序代码
<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>
相关文章推荐
- JavaScript 学习笔记之二:编写自己的jQuery扩展分页插件(分享yQuery)
- JavaScript代码编写尝试使用Vanilla JS 或者Jquery插件
- javascript&&jquery编写插件模板
- javascript&&jquery编写插件模板
- Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片
- 十个jQuery图片画廊插件推荐
- 编写jQuery插件来扩展checkbox
- 编写jquery弹出框插件
- jquery+javascript编写国籍控件
- 编写简单的jQuery提示插件
- 分享一个jquery插件-主要用于显示微博人的图像和鼠标提示等poshytip
- 超全超实用的Javascript类库和jQuery插件大全之一:Web表单和输入验证
- 13 款最热门的 jQuery 图像 360 度旋转插件推荐
- javascript - 简单实现一个图片延迟加载的jQuery插件
- jQuery 插件 输入框focus效果 编写自己的插件
- jQuery插件如何编写03_ 简单的全选反选插件
- 10个精选的颜色选择器Javascript脚本及其jQuery插件
- 超全超实用的Javascript类库和jQuery插件大全之二:文字处理,表格和列表处理,实用的javascript开发工具
- 自定义JQuery插件编写
- 采用jquery的imgAreaSelect样品图像裁剪示范插件实现