Модуль для DLE Фотогалерея на JS


Представляем на https://dle9.com/ модуль для DLE Фотогалерея на JS - это удобная и современная версия с простой установкой на JS галереи для демонстрации картинок, фотографий и т.д. Вам достаточно загружать картинки а папку, вставить выбранные изображения и они сразу отобразятся в галереи.


Подобный скрипт замечательно подойдет интернет магазинам с большим ассортиментом товаров, оборудование для фирм, канцтовары и полное комплексное обслуживание офисов от А до Я .

Для работы модуля DLE Фотогалерея на JS используется функция движка дополнительное поле.
Версия движка DataLife Engine: от 10.x

Инструкция по установке модуля:
1. Создаем дополнительное поле - галерея
Название поля: gallery
Описание поля: Галерея
Тип поля: Несколько строк


"+" - галочку поставить
"-" - галочку не поставить

Использовать при желании (можно оставить поле пуcтым) +
Безопасный режим поля (отключить поддержку BB тегов и HTML) -
Подключать редактор при добавлении или редактировании публикаций для данного поля +

2. Залить папку gallery в папку шаблона
3. Открыть main.tpl и перед тегом:

</head>


Добавить:

[aviable=showfull]
<link type="text/css" rel="stylesheet" href="/templates/Default/gallery/tn3.css"></link>
<script type="text/javascript" src="/templates/Default/gallery/gallery.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        //Thumbnailer.config.shaderOpacity = 1;
        var tn1 = $('.mygallery').tn3({
            skinDir:"skins",
            imageClick:"fullscreen",
            image:{
            maxZoom:1.5,
            crop:true,
            clickEvent:"dblclick",
            transitions:[{
            type:"blinds"
            },{
            type:"grid"
            },{
            type:"grid",
            duration:460,
            easing:"easeInQuad",
            gridX:1,
            gridY:8,
            // flat, diagonal, circle, random
            sort:"random",
            sortReverse:false,
            diagonalStart:"bl",
            // fade, scale
            method:"scale",
            partDuration:360,
            partEasing:"easeOutSine",
            partDirection:"left"
            }]
            }    
        });
    });
</script>
[/aviable]


4. Открыть fullstory.tpl и в нужном месте вставить

[xfgiven_gallery]{gallery}[/xfgiven_gallery]


5. Открыть файл /engine/modules/show.full.php и перед:

if ( preg_match( "#{full-story limit=['"](.+?)['"]}#i", $tpl->copy_template, $matches ) ) {


Добавить:

///////////////// gallery_code_by_musheghmel /////////////////
        $images_html = $row['xfields']."||";
        preg_match_all("/gallery|(.*?)|/",$images_html,$gal_images);
        preg_match_all("/href="(.*?)"/",$gal_images[1][0],$all_images);
        $gallery_var_1 = '<div class="mygallery"><div class="tn3 album"><ol>';
        foreach($all_images[1] as $key=>$info){
            $gallery_var_images = $gallery_var_images.'<li><a href="'.$info.'"><img src="'.$info.'" /></a></li>';
        }
        $gallery_var_2 = '</ol></div></div>';
        $gallery_var = $gallery_var_1.$gallery_var_images.$gallery_var_2;
        $tpl->set( '{gallery}', $gallery_var );
///////////////// gallery_code_by_musheghmel /////////////////


Скачать модули для дле:

Gallery_module.rar [85,35 Kb] (cкачиваний: 336)
00

Комментарии (0)

Оставить комментарий

Кликните на изображение чтобы обновить код, если он неразборчив