Galleria

jQuery图片展示插件
授权协议 MIT
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery图片展示/幻灯插件
软件类型 开源软件
地区 不详
投 递 者 南门志
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Galleria是一个采用jQuery开发的图片展示插件。它通过缩略图导航一张一张的显示大的图片。支持通过CSS设置整个相册的风格。能够按比例创建缩略图并剪切成适合在缩略图容器中显示的小图片。能够触一些事件,因此可以在图片加载时执行一些动作。

在线演示:http://galleria.aino.se/media/galleria/src/themes/classic/classic-demo.html

  •     前一阵在研究JQuery的插件,其中有一款插件(Galleria )可以用来显示图片的,下面是一系列小图片,上面是当前查看的大图,发现用起来很简单,一点也不难。把代码贴在这里跟大家一起分享,效果图我已经传入附件中。   Galleria.html   <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:/

  • 主页:http://galleria.aino.se/ 下载 使用非常简单,下面是例子: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="a

  • 一款简单的图片查看插件:http://galleria.io/ 另一款感觉更好,不过是mootools的:http://www.efectorelativo.net/laboratory/noobSlide/   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN"> <html> <head> <script type="text/javascr

  •  jQuery编写的javascript图像画廊插件Galleria Error loading image: http://monc.se/galleria/demo/img/flowing-rock.jpg Error loading image: http://monc.se/galleria/demo/img/stones.jpg Error loading image: http://m

  • $(window).resize(function() { var h = $(window).height(); var galleriaHeight = h-54; var w = $(".content").width(); var galleriaWidth = w-18; $("#galleria").height(galleriaH

  • Galleria是个不错的相册插件,官网:http://galleria.io  我在使用这个插件做图片展示,遇到了大量问题,经过一边翻译官网一边测试终于做出了一些简单的效果, 因此在这里写下来:  首先引入jquery.js   <script  type="text/javascript" src="./js/jquery-1.8.3.js"></script>   <script  type

 相关资料
  • 本文向大家介绍jQuery中图片展示插件highslide.js的简单dom,包括了jQuery中图片展示插件highslide.js的简单dom的使用技巧和注意事项,需要的朋友参考一下 前言 今天用用了一款图片展示插件highslide.js,感觉用起来很是舒畅,几乎不用怎么写代码,只需要知道如何写参数就行了。 那么这么牛叉的插件我们该如何用哪,下面我就跟大家讲解一下。 一、引入 首先我们运用绝

  • 本文向大家介绍Android通过Movie展示Gif格式图片,包括了Android通过Movie展示Gif格式图片的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享Android通过Movie展示Gif格式图片的相关代码,供大家参考,具体内容如下 自定义属性res/values/attrs.xml文件: 在Activity中使用: 以上就是本文的全部内容,希望对大家的学习有所帮助。

  • 本文向大家介绍asp.net+xml+flash实现的图片展示效果示例,包括了asp.net+xml+flash实现的图片展示效果示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了asp.net+xml+flash实现的图片展示效果。分享给大家供大家参考,具体如下: 第一步:首先引入命名空间:(vs08环境中) 第二步:前台页面的使用(需要index.swf文件): 第三步:生成xml文

  • 本文向大家介绍jQuery图片切换插件jquery.cycle.js使用示例,包括了jQuery图片切换插件jquery.cycle.js使用示例的使用技巧和注意事项,需要的朋友参考一下 Cycle是一个很棒的jQuery图片切换插件,提供了非常好的功能来帮助大家更简单的使用插件的幻灯功能 下载cycle插件并引入,此时,注意把引入它的代码放在引入jQuery主文件之后。 jquery.cycle

  • 本文向大家介绍js图片查看器插件用法示例,包括了js图片查看器插件用法示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js图片查看器插件。分享给大家供大家参考,具体如下: 首先 在github上下载 js,css点击打开链接 查看效果如下所示: 更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript图片操作技巧大全》、《JavaScript切换特效与技巧

  • 本文向大家介绍通过AngularJS实现图片上传及缩略图展示示例,包括了通过AngularJS实现图片上传及缩略图展示示例的使用技巧和注意事项,需要的朋友参考一下 通过AngularJS实现图片上传及缩略图展示示例,废话不多说了,具体如下: 从项目中截出的代码 HTML部分: JS部分: 最后的效果如图: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍android实现点击图片全屏展示效果,包括了android实现点击图片全屏展示效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了android实现点击图片全屏展示的具体代码,供大家参考,具体内容如下 MainActivity: 布局文件: style: 效果图: 没点击: 点击后: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍JS实现图片高亮展示效果实例,包括了JS实现图片高亮展示效果实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS实现图片高亮展示效果的方法。分享给大家供大家参考,具体如下: 昨天朋友让我帮着做个图片高亮展示的效果,虽然不难,不过满有创意的: 刚开始因为没有完全明白设计意图,阴差阳错的做了个这样的效果: 希望本文所述对大家JavaScript程序设计有所帮助。