hypejunction/elgg_lightbox

为Elgg增强的相册查看器

安装: 108

依赖关系: 0

建议者: 0

安全: 0

星标: 1

关注者: 2

分支: 1

开放问题: 0

语言:JavaScript

类型:Elgg插件

2.1.2 2016-04-26 15:07 UTC

This package is auto-updated.

Last update: 2024-08-29 03:37:24 UTC


README

Elgg 2.0

Elgg的相册组件

功能

  • 将相册转换为AMD模块
  • 自定义无图片主题

Lightbox

使用方法

作为AMD模块

define(function(require) {
	var lightbox = require('elgg/lightbox');
	var spinner = require('elgg/spinner');
	
	lightbox.open({
		html: '<p>You are welcome</p>',
		onClosed: function() {
			lightbox.open({
				onLoad: spinner.start,
				onComplete: spinner.stop,
				photo: true,
				href: 'https://www.petfinder.com/wp-content/uploads/2012/11/122163343-conditioning-dog-loud-noises-632x475.jpg',
			});
		}
	});
});

您也可以将.elgg-lightbox.elgg-lightbox-photo类添加到您的HTML元素的(具有hrefsrc)属性中。可以通过data-colorbox-opts传递额外的参数,作为一个json_encoded对象。

请注意,为了使rel选项生效,您需要在一个选择器上调用colorbox,例如。

require(['elgg/lightbox'], function() {
	$('.elgg-lightbox-photo').colorbox({photo: true});
});

注意

  • 此版本删除了elgg.ui.lightbox命名空间。请使用AMD模块代替。