grid lightbox gallery

安装

composer require laravel-admin-ext/grid-lightboxphp artisan vendor:publish --tag=laravel-admin-grid-lightbox

配置

config/admin.php：

'extensions' => ['grid-lightbox' => [// Set to `false` if you want to disable this extension'enable' => true,]
]

用法：

// simple lightbox
$grid->picture()->lightbox();//gallery
$grid->picture()->gallery();//zoom effect
$grid->picture()->lightbox(['zooming' => true]);
$grid->picture()->gallery(['zooming' => true]);//width & height properties
$grid->picture()->lightbox(['width' => 50, 'height' => 50]);
$grid->picture()->gallery(['width' => 50, 'height' => 50]);//img class properties
$grid->picture()->lightbox(['class' => 'rounded']);
$grid->picture()->gallery(['class' => ['circle', 'thumbnail']]);

grid lightbox gallery相关推荐

推荐15款响应式的 jQuery Lightbox 插件
利用现代 Web 技术,网络变得越来越轻巧与.模态框是突出展现内容的重要形式,能够让用户聚焦到重要的内容上去.在这个列表中,我们编制了15款响应式的 jQuery 灯箱库,这将有助于开发人员创建和设计 ...
jQuery lightBox plugin 灯箱效果
一个灯箱效果的图片展示插件. 版本: jQuery v1.2.3+ jQuery lightBox v0.5 注意事项: 1.需载入 css 文件,配合使用(也可以合并到你的 css 文件中) 2.链 ...
LightBox －灯箱效果插件(非常漂亮）
Lightbox,也就是灯箱特效 1)TopUp是一款基于jquery用于显示图片和网页的对话框组件. 主页: http://gettopup.com/ 2)CeraB ...
13 种用于网站设计和开发的 React 图库
原文链接:https://tzy1997.com/articles/rea323su/ 在本文中,我们将介绍13种用于网站设计和开发的 React 图片库示例. React & CSS Gri ...
Bruck：一个Web界面布局原型设计框架\n
Bruck是一个面向网页设计师的新型lo-fi原型系统,让设计师可以快速为客户构建响应式且易于访问的布局原型.设计师可以通过组合多达25个Web组件来建立各种布局原型.设计师还可以在Bruck提供的在 ...
《Android应用开发入门经典（第3版）》——导读
本节书摘来自异步社区<Android应用开发入门经典(第3版)>一书中的目录,作者 [美]Carmen Delessio , Lauren Darcey , Shane Conder,更多 ...
35个让人惊讶的 CSS3 动画效果演示
本文收集了35个惊人的 CSS3 动画演示,它们将证明 CSS3 Transform 和 Transition 属性的强大能力.CSS 是网页设计非常重要的一部分,随着越来越多的浏览器对 CSS3 支 ...
21个演示展示强大的jQuery特效
就在不久之前, Flash 是被web设计师用来为网站添加交互的重要技术之一!自从Ipad诞生, 并且不支持 Flash Player, 加速了web开发中使用其他技术代替flash,比如 jQuer ...
推荐：21个演示展示强大的jQuery特效
就在不久之前, Flash 是被web设计师用来为网站添加交互的重要技术之一!自从Ipad诞生, 并且不支持 Flash Player, 加速了web开发中使用其他技术代替flash,比如 jQuer ...
提高网页可访问性的十条建议
提高网页可访问性的十条建议 2 这篇文章提供了十条有关于提高网页可访问性的指导原则,这些原则将保证提高你网站的可访问性. 引用万维网(W3C)的创始人@Tim Berners-Lee一句话来说网络的力 ...

grid lightbox gallery

安装

配置

用法：

grid lightbox gallery相关推荐

最新文章

热门文章