Наши разработки / Скачать модули для DLE
В главном шаблоне сайта 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>
{* активация плагина unitegallery *}
<script type="text/jаvascript">
jQuery(document).ready(function(){
jQuery("#gallery").unitegallery();
});
</script>
В шаблоне полной новости (fullstory.tpl) в нужном месте добавить код для вывода готовой галереи
[xfgiven_manyfotos]
{include file="assets/unitegallery/tpl/showfull-xfields.tpl"}
[/xfgiven_manyfotos]
Данный код отобразит готовую галерею картинок загруженную через дополнительное поле с именем manyfotos.
Если же доп.поле пустое - то данный блок не будет загружен в шаблоне полной новости.
<!-- UNITE gallery START -->
<section>
<div id="gallery" style="display:none;">
[xfgiven_manyfotos image="1"]
<img alt='[xfvalue_manyfotos image-description="1"]'
src='[xfvalue_manyfotos image-thumb-url="1"]'
data-image='[xfvalue_manyfotos image="1"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="1"]
[xfgiven_manyfotos image="2"]
<img alt='[xfvalue_manyfotos image-description="2"]'
src='[xfvalue_manyfotos image-thumb-url="2"]'
data-image='[xfvalue_manyfotos image="2"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="2"]
[xfgiven_manyfotos image="3"]
<img alt='[xfvalue_manyfotos image-description="3"]'
src='[xfvalue_manyfotos image-thumb-url="3"]'
data-image='[xfvalue_manyfotos image="3"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="3"]
[xfgiven_manyfotos image="4"]
<img alt='[xfvalue_manyfotos image-description="4"]'
src='[xfvalue_manyfotos image-thumb-url="4"]'
data-image='[xfvalue_manyfotos image="4"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="4"]
[xfgiven_manyfotos image="5"]
<img alt='[xfvalue_manyfotos image-description="5"]'
src='[xfvalue_manyfotos image-thumb-url="5"]'
data-image='[xfvalue_manyfotos image="5"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="5"]
[xfgiven_manyfotos image="6"]
<img alt='[xfvalue_manyfotos image-description="6"]'
src='[xfvalue_manyfotos image-thumb-url="6"]'
data-image='[xfvalue_manyfotos image="6"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="6"]
[xfgiven_manyfotos image="7"]
<img alt='[xfvalue_manyfotos image-description="7"]'
src='[xfvalue_manyfotos image-thumb-url="7"]'
data-image='[xfvalue_manyfotos image="7"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="7"]
[xfgiven_manyfotos image="8"]
<img alt='[xfvalue_manyfotos image-description="8"]'
src='[xfvalue_manyfotos image-thumb-url="8"]'
data-image='[xfvalue_manyfotos image="8"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="8"]
[xfgiven_manyfotos image="9"]
<img alt='[xfvalue_manyfotos image-description="9"]'
src='[xfvalue_manyfotos image-thumb-url="9"]'
data-image='[xfvalue_manyfotos image="9"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="9"]
[xfgiven_manyfotos image="10"]
<img alt='[xfvalue_manyfotos image-description="10"]'
src='[xfvalue_manyfotos image-thumb-url="10"]'
data-image='[xfvalue_manyfotos image="10"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="10"]
</div>
</section>
<!-- UNITE gallery STOP -->
<!-- include Unite Gallery Theme Files -->
<script src='{THEME}/assets/unitegallery/themes/tilesgrid/ug-theme-tilesgrid.js' type='text/javascript'></script>
<script src='{THEME}/assets/unitegallery/themes/carousel/ug-theme-carousel.js' type='text/javascript'></script>
<script src='{THEME}/assets/unitegallery/themes/tiles/ug-theme-tiles.js' type='text/javascript'></script>
{* активация плагина unitegallery *}
<script type="text/javascript">
jQuery("#tilesgridGallery").unitegallery({
gallery_theme: "carousel"
});
jQuery("#nestedgallery").unitegallery({
gallery_theme: "tiles",
tiles_type: "nested"
});
});
</script>
<!-- UNITE gallery START -->
<section>
<div id="gallery" style="display:none;">
[xfgiven_manyfotos image="1"]
<img alt='[xfvalue_manyfotos image-description="1"]'
src='[xfvalue_manyfotos image-thumb-url="1"]'
data-image='[xfvalue_manyfotos image-url="1"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="1"]
[xfgiven_manyfotos image="2"]
<img alt='[xfvalue_manyfotos image-description="2"]'
src='[xfvalue_manyfotos image-thumb-url="2"]'
data-image='[xfvalue_manyfotos image-url="2"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="2"]
[xfgiven_manyfotos image="3"]
<img alt='[xfvalue_manyfotos image-description="3"]'
src='[xfvalue_manyfotos image-thumb-url="3"]'
data-image='[xfvalue_manyfotos image-url="3"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="3"]
[xfgiven_manyfotos image="4"]
<img alt='[xfvalue_manyfotos image-description="4"]'
src='[xfvalue_manyfotos image-thumb-url="4"]'
data-image='[xfvalue_manyfotos image-url="4"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="4"]
[xfgiven_manyfotos image="5"]
<img alt='[xfvalue_manyfotos image-description="5"]'
src='[xfvalue_manyfotos image-thumb-url="5"]'
data-image='[xfvalue_manyfotos image-url="5"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="5"]
[xfgiven_manyfotos image="6"]
<img alt='[xfvalue_manyfotos image-description="6"]'
src='[xfvalue_manyfotos image-thumb-url="6"]'
data-image='[xfvalue_manyfotos image-url="6"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="6"]
[xfgiven_manyfotos image="7"]
<img alt='[xfvalue_manyfotos image-description="7"]'
src='[xfvalue_manyfotos image-thumb-url="7"]'
data-image='[xfvalue_manyfotos image-url="7"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="7"]
[xfgiven_manyfotos image="8"]
<img alt='[xfvalue_manyfotos image-description="8"]'
src='[xfvalue_manyfotos image-thumb-url="8"]'
data-image='[xfvalue_manyfotos image-url="8"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="8"]
[xfgiven_manyfotos image="9"]
<img alt='[xfvalue_manyfotos image-description="9"]'
src='[xfvalue_manyfotos image-thumb-url="9"]'
data-image='[xfvalue_manyfotos image-url="9"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="9"]
[xfgiven_manyfotos image="10"]
<img alt='[xfvalue_manyfotos image-description="10"]'
src='[xfvalue_manyfotos image-thumb-url="10"]'
data-image='[xfvalue_manyfotos image-url="10"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="10"]
[xfgiven_manyfotos image="11"]
<img alt='[xfvalue_manyfotos image-description="11"]'
src='[xfvalue_manyfotos image-thumb-url="11"]'
data-image='[xfvalue_manyfotos image-url="11"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="11"]
[xfgiven_manyfotos image="12"]
<img alt='[xfvalue_manyfotos image-description="12"]'
src='[xfvalue_manyfotos image-thumb-url="12"]'
data-image='[xfvalue_manyfotos image-url="12"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="12"]
[xfgiven_manyfotos image="13"]
<img alt='[xfvalue_manyfotos image-description="13"]'
src='[xfvalue_manyfotos image-thumb-url="13"]'
data-image='[xfvalue_manyfotos image-url="13"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="13"]
[xfgiven_manyfotos image="14"]
<img alt='[xfvalue_manyfotos image-description="14"]'
src='[xfvalue_manyfotos image-thumb-url="14"]'
data-image='[xfvalue_manyfotos image-url="14"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="14"]
[xfgiven_manyfotos image="15"]
<img alt='[xfvalue_manyfotos image-description="15"]'
src='[xfvalue_manyfotos image-thumb-url="15"]'
data-image='[xfvalue_manyfotos image-url="15"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="15"]
[xfgiven_manyfotos image="16"]
<img alt='[xfvalue_manyfotos image-description="16"]'
src='[xfvalue_manyfotos image-thumb-url="16"]'
data-image='[xfvalue_manyfotos image-url="16"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="16"]
[xfgiven_manyfotos image="17"]
<img alt='[xfvalue_manyfotos image-description="17"]'
src='[xfvalue_manyfotos image-thumb-url="17"]'
data-image='[xfvalue_manyfotos image-url="17"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="17"]
[xfgiven_manyfotos image="18"]
<img alt='[xfvalue_manyfotos image-description="18"]'
src='[xfvalue_manyfotos image-thumb-url="18"]'
data-image='[xfvalue_manyfotos image-url="18"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="18"]
[xfgiven_manyfotos image="19"]
<img alt='[xfvalue_manyfotos image-description="19"]'
src='[xfvalue_manyfotos image-thumb-url="19"]'
data-image='[xfvalue_manyfotos image-url="19"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="19"]
[xfgiven_manyfotos image="20"]
<img alt='[xfvalue_manyfotos image-description="20"]'
src='[xfvalue_manyfotos image-thumb-url="20"]'
data-image='[xfvalue_manyfotos image-url="20"]'
data-description='{title} | {date} | {category}'
itemprop="image"
>
[/xfgiven_manyfotos image="20"]
</div>
</section>
<!-- UNITE gallery STOP -->
YouTube PopUp jQuery Plugin Для DataLife Engine. Теперь в виде плагина для простой установке в свой шаблон. Доработка...
ПодробнееИскал я на просторах Интернета всего лишь скрипт для создания индекса изображений с lightbox и генерированием...
ПодробнееНаиболее современный способ реализации падающего снега на вашем сайте, работающем на движке DLE. Все, что требуется -...
ПодробнееСегодня с удивлением обнаружил, что популярный в народе jQuery-плагин для показа сообщений jGrowl версии 1.1.1 не...
ПодробнееВ ходе регулярных проверок и исследований была обнаружена сохранность XSS уязвимости, которая затрагивает плагин...
ПодробнееНа данный момент, по данным Can I Use, 84% браузеров поддерживает Grid Layout. С каждым месяцем это число растет. А...
Подробнее
💬 Комментарии
В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.
🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.
💡 Хотите обсудить материал?
Присоединяйтесь к нашему Telegram-каналу:
https://t.me/tcsecms/Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями