dabenshi: Dbenshi Frp项目于2022-10-31日全面恢复!期间不便望各位海涵
2022 08 21周日

UNITE Gallery-图片库插件(DLE 13及更高版本)

dabenshi 2022-08-21 11:54:49 插件 14 582       Dle

UNITE Gallery 简介

Unite Gallery是一个基于jquery库的多用途jаvascript库。它采用模块化技术构建,注重易用性和定制性。自定义图库,使用CSS更改其皮肤,甚至编写自己的主题都非常容易。但是,这个画廊非常强大,快速,并具有大多数现代功能,例如响应能力,触摸控制甚至缩放功能,这是一种独特的效果。

特点


图库读取的视频来自:Youtube,Vimeo,HTML5,Wistia和SoundCloud(没有视频,但仍然)

响应式 - 适应所有屏幕,自动备份比例

激活触摸 - 图库的每个部分都可以由响应式触摸屏

设备控制 - 图库可以调整屏幕大小并对屏幕大小的变化做出反应。

可换肤 - 允许您轻松地将外观更改为另一个CSS文件,而无需触摸主CSS库。

可主题化 - 库具有不同的主题,每个主题都有自己的选项和功能,但它使用库

缩放效果中的主要对象 - 库具有独特的缩放效果,可以使用触摸屏设备上的按钮,鼠标滚轮或捏合手势进行应用。

从键盘(左,右箭头)大量选项。该库为库中的每个对象提供了大量选项,使自定义过程变得简单而有趣。

强大的API - 使用图库API,您可以将图库集成到您网站的行为中,并将其与其他元素(如灯箱等)一起使用。 

注意:在模块的压缩包中,有一个现成的模板用于显示图片库。但您需要先在“自定义字段”部分创建一个新的附加字段

第一步:将模块连接到网站模板
main.tpl 站点的主模板中,在</head> 之前添加以下代码:
<link href="{THEME}/assets/unitegallery/css/unite-gallery.css" rel="stylesheet">
<link href="{THEME}/assets/unitegallery/themes/default/ug-theme-default.css" rel="stylesheet">
第二步:激活库
需要在 main.tpl 站点的主模板中添加以下代码,在</body>  之前添加以下代码:
<script src="{THEME}/assets/unitegallery/js/unitegallery.min.js"></script>
<script src="{THEME}/assets/unitegallery/themes/grid/ug-theme-grid.js"></script>

{* activation du plug-in unitegallery *}
<script type="text/jаvascript"> 
    jQuery(document).ready(function(){ 
        jQuery("#galleryBase").unitegallery(); 
        jQuery("#alterGallery").unitegallery({
            gallery_autoplay:true,
            slider_transition: "slide",
            slider_control_zoom:false,
            gallery_width:1110,
            gallery_height:675,
            slider_scale_mode_fullscreen: "down",
            gallery_theme: "grid",
            theme_panel_position: "bottom",
            gallery_control_thumbs_mousewheel:true
        }); 
        jQuery("#partsGallery").unitegallery({
            gallery_autoplay:true,
            slider_transition: "slide",
            slider_scale_mode_media: "down",
            theme_panel_position: "left"
        });
    });  
</script>
例如

1. 前往 (fullstory.tpl), 添加代码以显示带有 ID 的已上传图库 画廊基地

 [xfgiven_manyfotos]{include file="assets/unitegallery/tpl/showfull-xfields.tpl"}[/xfgiven_manyfotos]

2. 前往 (fullstory.tpl) 添加代码以显示带有 ID 的已上传画廊 自动画廊

[xfgiven_manyfotos]{include file="assets/unitegallery/tpl/xfields_altergallery.tpl"}[/xfgiven_manyfotos]

3. 前往 (fullstory.tpl) 添加代码以显示带有 ID 的已上传画廊 零碎图库

[xfgiven_manyfotos]{include file="assets/unitegallery/tpl/xfields_partsgallery.tpl"}[/xfgiven_manyfotos]
此代码将显示通过附加字段加载的即用型图片库 画廊基地.如果附加字段为空,则此块将不会加载到模板中 fullstory.tpl.

你必须注册后才能查看此内容。请 注册登录


文件:
你必须注册后才能查看此内容。请 注册登录

信息

dabenshi 2022-08-23 16:01:40  内容: 添加UNITE Gallery演示(见页尾)
* 在网站上,您需要对所有访问者保持尊重,严禁出现侮辱。如果您有任何投诉,请联系管理员(使用私人消息)或框选内容按下Ctrl+Enter反馈给我。

在线用户

······
dabenshi
dabenshi

关掉了Enter快捷键 kissing_heart

2022-09-01 21:55:10
dabenshi
dabenshi

Ente(回车键)发送消息

2022-08-23 12:18:36
reishi
reishi

发消息有没有快捷键啊?比如ctrl+enter

2022-08-23 11:46:10
reishi
reishi

hey

2022-08-23 11:45:46
dabenshi
dabenshi

这是一个在线聊天工具,一起来和我聊聊吧!

2022-08-20 18:13:09

信息

你必须登录之后交流!请 登录 你的账号。还没有? 你可以 注册
Copyright © 2022 Powered by Dabenshi All rights reserved www.zpengf.club

评论:

这篇文章没有任何评论. 你可以成为第一个发言人!

文章信息:

  • 作者: dabenshi
  • 时间: 2022-08-21 11:54:49
  • 类型: 插件
  • 预览: 14 582
  • 评论: 0

相关文章

2022-08-05 12:00:23
时光岁月
家里的新成员

哈哈,这就是我家的新成员——彩虹妹妹

阅读更多
2022-07-22 01:16:54
时光岁月
挚友留念

突然聊起这个事,正好睡不着,也好久没有写文章了,就这么巧 ....? 写写之前的那些事~

阅读更多
2021-10-05 00:30:34
技术教程
保护跳转,防止恶意利用

或是出于优化 SEO,或是出于加强网站体验,很多博客都给文章中的外部链接加上了个二次跳转,本博客也不例外。 比如说我在这插入一个 百度 的超链接,你点击访问后先会被跳转到本博客的跳转页面,一段动画后才会真的转至百度的首页。

阅读更多

信息

想要留言? 请 登录 您的账号。还没有? 你可以 免费创建账号