agapofff/lightbox

Bootstrap 的轻量级相册插件

安装: 0

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 0

分叉: 1,300

语言:HTML

v3.2.1 2014-12-03 08:47 UTC

This package is not auto-updated.

Last update: 2024-09-25 10:58:19 UTC


README

Bootstrap 的一个轻量级模块,支持图片、YouTube 视频和画廊 - 基于 Bootstrap 的 Modal 插件。

查看 GitHub 页面获取文档: http://ashleydw.github.io/lightbox

贡献

而不是直接修改 /dist/*.js JavaScript 文件,您应该修改 ekko-lightbox.js 文件并运行 grunt 任务。

版权和许可

代码在MIT 许可证下发布。

更改

新增用于显示模态的高级配置的配置参数。

默认值

modalClass: '',
modalDialogClass: '',
modalContentClass: '',
modalHeaderClass: '',
modalTitleClass: '',
modalBodyClass: '',
modalFooterClass: '',
modalTitleTag: 'h4',
closeButtonClass: '',
closeButtonContent: '<span aria-hidden="true">&times;</span>',

所有参数都可以用作 data-attributes。

示例

data-modal-class="modal-class" 
data-modal-dialog-class="modal-dialog-class" 
data-modal-content-class="modal-content-class" 
data-modal-header-class="modal-header-class" 
data-modal-title-tag="span" 
data-modal-title-class="modal-title-class" 
data-close-button-class="close-button-class" 
data-close-button-content="X" 
data-modal-body-class="modal-body-class" 
data-modal-footer-class="modal-footer-class" 

加载器已更改为 Bootstrap 4 旋转器。

<div class="spinner-border" role="status">
    <span class="sr-only">Loading...</span>
</div>