一款简单的图片查看插件：http://galleria.io/
另一款感觉更好，不过是mootools的：http://www.efectorelativo.net/laboratory/noobSlide/
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN">
<html>
<head>
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="galleria-1.2.7.min.js"></script>
</head>
<body>
<div id="galleria">
<li>
<img src="2.jpg" data-title="title" data-description="description" data-link="http://sina.com.cn">
<!--img里的设置与dataConfig中的设置是重复的，择其一即可-->
<p> image2</p>
</li>
<li>
<img src="3.jpg">
<p>image3</p>
</li>
</div>
<script>
$('#galleria').galleria({
width: 700,
height: 467
});
Galleria.configure({
transition: 'fade', <!--图片切换的效果-->
imageCrop: true, <!--是否去左右的切换按钮-->
autoplay: 2000, <!--隔几秒自动切换-->
clicknext:true, <!--设置点击大图切换到下一页-->
showInfo:true, <!--设置是否显示信息,左上角-->
popupLinks:true,
dataConfig: function(img) {
return {
title: 'a',
description:$(img).next('p').html(),
link: 'http://www.baidu.com'
};}
});
Galleria.loadTheme('themes/classic/galleria.classic.min.js');
Galleria.run('#galleria');
</script>
</body>
</html>
分享到：
相关推荐
本文将简要介绍如何使用Galleria插件，并提供一个基本的使用示例。 1. **Galleria概述** Galleria是一款基于JavaScript库jQuery的图片展示插件，它提供了一个全屏的图片浏览体验，支持触摸设备，并具有多种主题和...
使用Galleria插件首先需要在页面中引入jQuery库和Galleria插件的JavaScript及CSS文件。接着，设置Galleria数据源，通常是从HTML元素（如`<ul>`或`<div>`）或者JSON数据。例如： ```html ...
在压缩包“galleria”中，包含了Galleria插件的所有必要文件，如JavaScript库、CSS样式表以及可能的示例图片和配置文件。开发者只需将这些资源部署到项目中，按照文档说明进行配置，即可快速构建起一个功能完备的...
绚丽的jquery相册插件 [removed][removed] [removed][removed] [removed] Galleria.loadTheme('galleria.classic.js'); $('#galleria').galleria({}）; [removed]
这个文件名可能指的是Aino Galleria插件的一个版本。Galleria是一个强大的JavaScript图片画廊框架，它可以优雅地展示图像和视频，支持响应式设计。该插件利用jQuery库，提供丰富的主题、过渡效果和自定义选项，使得...
一款来自国外的图片展示插件Galleria代码 支持缩略图，支持左右两侧控制图片切换，示例中加载的是远程图片，速度有些慢。像国外著名的相册网站Flickr就使用有本款插件的效果，用来展示图片相当有美感，实用性很强。
5. `jquery.galleria.js`：这可能是Galleria插件的脚本文件，Galleria是一个基于jQuery的高级图片展示插件，提供了丰富的选项和主题，适合用于创建相册。 6. `懒人建站.url`：这可能是一个链接，指向一个关于快速建...
该插件更新到2011-11-16.加入加载等待中效果，是一款超强的轮播插件。支持点击图片放大，全屏查看功能，且效果超炫，如同看播放器视频一样，适合做图片展示功能。附上js文件，注意demo页面在\galleria-1.2.6\...
Galleria是一个采用jQuery开发的图片展示插件。它通过缩略图导航一张一张的显示大的图片。支持通过CSS设置整个相册的风格。能够按比例创建缩略图并剪切成适合在缩略图容器中显示的小图片。能够触一些事件，因此可以...
Galleria是一款基于jQuery的高级图片展示插件，它为网页中的图像展示提供了优雅且功能强大的解决方案。"jqueryImagePlugin galleria"这一标题揭示了我们将要探讨的核心内容：Galleria在jQuery生态中的应用，以及其...
Galleria 1.5.6 是一个强大的JavaScript图片画廊插件，它为网站开发者提供了优雅、可自定义的展示照片的方式。这个插件以其流畅的用户体验和丰富的功能而闻名，适合各种类型的项目，从个人博客到商业网站。Galleria ...
Aino Galleria是一款优秀的JavaScript图片画廊插件，它利用jQuery框架，实现了无缝滚动、预加载、全屏浏览等多种功能，为用户提供了流畅且引人入胜的图片浏览体验。"aino-galleria-a09cdb0"这个版本，是Aino ...
- Galleria 插件：功能完善的照片滑动切换循环滚动展示插件，支持照片的左右切换、暂停、标题和简介内容，可以全屏展示，以及支持在新窗口中展示图片。 这些插件的介绍和特点，无疑为网页设计师和开发人员提供了...
在深入探讨WordPress画廊主题Galleria之前，首先需要明确几个关键概念：WordPress、主题以及画廊插件。 #### WordPress简介 WordPress是一款非常流行的开源内容管理系统（CMS），它最初是为博客设计的，但随着时间...
总结来说，“很好的图片插件”通常指的是提供高效、美观图片展示功能的jQuery插件，比如Galleria。这类插件通过简洁的代码实现丰富的动态效果，是现代网页设计中不可或缺的工具之一。掌握并灵活运用这些插件，对于...
Galleria jquery画廊插件 上面图片，下面是缩略图，效果还不错
================ GalleriaFactory Galleria是一个CakePHP插件，它为Cake Toolkit (CTK) 提供了一个额外的工厂，为 galleria.io javascript 画廊添加了可配置对象。 这允许基于galleria.io的可用功能使用对象构建...
3. **图片浏览**：图片浏览插件通常涉及到多张图片的序列查看，例如，Galleria和皇家幻灯片(Royal Slides)支持手势操作，适合触屏设备，同时提供了丰富的主题和布局选项。这些插件能够创建响应式图片画廊，确保在...
压缩包中的文件"aino-galleria-063a138"可能是插件的版本号或某种标识，实际使用时需要解压并参考里面的文档、示例代码或库文件来了解具体使用方法和配置选项。开发者通常会找到包含演示、示例HTML文件、CSS样式表和...
Galleria作为一个成熟的jQuery相册插件，提供了丰富的定制选项和扩展能力，帮助开发者轻松实现各种复杂的相册效果。在实际项目中，开发者可以根据需求选择适合的插件或自行编写代码，以满足特定的交互和视觉设计要求...