UNITE Gallery-图片库插件（DLE 13及更高版本）

[xfgiven_manyfotos image-url="1"] [/xfgiven_manyfotos image-url="1"] [xfgiven_manyfotos image-url="2"] [/xfgiven_manyfotos image-url="2"] [xfgiven_manyfotos image-url="3"] [/xfgiven_manyfotos image-url="3"] [xfgiven_manyfotos image-url="4"] [/xfgiven_manyfotos image-url="4"] [xfgiven_manyfotos image-url="5"] [/xfgiven_manyfotos image-url="5"] [xfgiven_manyfotos image-url="6"] [/xfgiven_manyfotos image-url="6"] [xfgiven_manyfotos image-url="7"] [/xfgiven_manyfotos image-url="7"] [xfgiven_manyfotos image-url="8"] [/xfgiven_manyfotos image-url="8"] [xfgiven_manyfotos image-url="9"] [/xfgiven_manyfotos image-url="9"] [xfgiven_manyfotos image-url="10"] [/xfgiven_manyfotos image-url="10"] [xfgiven_manyfotos image-url="11"] [/xfgiven_manyfotos image-url="11"] [xfgiven_manyfotos image-url="12"] [/xfgiven_manyfotos image-url="12"] [xfgiven_manyfotos image-url="13"] [/xfgiven_manyfotos image-url="13"] [xfgiven_manyfotos image-url="14"] [/xfgiven_manyfotos image-url="14"] [xfgiven_manyfotos image-url="15"] [/xfgiven_manyfotos image-url="15"] [xfgiven_manyfotos image-url="16"] [/xfgiven_manyfotos image-url="16"]

UNITE Gallery 简介

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

特点

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

第一步：将模块连接到网站模板

<link href="{THEME}/assets/unitegallery/css/unite-gallery.css" rel="stylesheet">
<link href="{THEME}/assets/unitegallery/themes/default/ug-theme-default.css" rel="stylesheet">

第二步：激活库

<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]

文件：