• Автор:

    Flesha
  • Добавлено:

    июн 21, 2015
  • Комментариев:

    2
  • Просмотров:

    2564

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

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

Модуль Фото галерея DLE - простая установка JS Фото галереи.

Как она работает:
Вы просто загружаете картинки, вставляете выбранные и они сразу отобразятся в галереи

Инструкция по установке модуля:

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

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

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

2. Залить папку gallery в папку шаблона

3. Открыть main.tpl перед тегом добавить:
[aviable=showfull]
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<link type="text/css" rel="stylesheet" href="{THEME}/gallery/tn3.css"></link>
<script type="text/javascript" src="{THEME}/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 /////////////////


Автор: Хороший человек
Версия DLE: от 10.2

Внимание! У Вас нет прав для просмотра скрытого текста.
Вернуться

Комментарии:


  1. follor → 5 июля 2015 23:05
    Здравствуйте, попробовал установить данную галерею на 10.4, работает частично, не работают кнопки вперёд и назад а так же конфликтует с длешными скриптами (видимо из за отдельно подключённого гугловского jquery). Как исправить работу кнопок и избавиться от конфликта? Было бы не плохо сделать на родном длешном jquery.
    1. atola → 6 августа 2015 16:44
      Я убрал конфликт таким образом: удалил вот эту строчку из кода: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"
      ></script>
      Затем скачал jquery на их официальном сайте. Затем переименовал скачанный файл в jqury.js и залил в папку engine/classes/js. Теперь работает и галерея, и всплывающие окна на dle.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.