hypejunction / elgg_lightbox
为Elgg增强的相册查看器
2.1.2
2016-04-26 15:07 UTC
Requires (Dev)
- composer/installers: 1.*
README
Elgg的相册组件
功能
- 将相册转换为AMD模块
- 自定义无图片主题
使用方法
作为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元素的(具有href
或src
)属性中。可以通过data-colorbox-opts
传递额外的参数,作为一个json_encoded对象。
请注意,为了使rel
选项生效,您需要在一个选择器上调用colorbox,例如。
require(['elgg/lightbox'], function() { $('.elgg-lightbox-photo').colorbox({photo: true}); });
注意
- 此版本删除了
elgg.ui.lightbox
命名空间。请使用AMD模块代替。