Создание галереи и выравнивание изображений
Хочу чтобы картинки в LS вставлялись более удобно и была возможность их просматривать как галерею. Это просто необходимо для создания постов с галереями. В поисках решения для галереи наткнулся на проект
Это галерея на MooTools, которой всего то и нужно добавить скрипт в шапку, да сформировать html код вроде
Ребят, разработчики, кто может интегрировать ее для вставки в посты? Нужно просто добавить новую кнопку для добавления галереи и чтобы она закачивала картинки, использовала встроенный в этот скрипт генератор тумбов для миниатюр и выдавала данный html.
Как вариант — . Там через LS надо будет делать миниатюрки.
5 часов ждать не хочу, так что публикую тут одну доработку.
Выравнивание по-центру несправедливо не было добавлено. Исправляем.
1 Открываем в шаблоне window_load_img.tpl
Добавляем после
строку
2 Открываем /engine/modules/image/Image.class.php
Меняем
На
3 В файле
После
Побавить
4 В css шаблона добавляем классы
5 А теперь небольшое вмешательство в движок. Нужно настроить парсинг текста, так как стандартно тег class запрещен, но мы сделаем возможность использования его вместо align
Откроем
Заменим
На
Это галерея на MooTools, которой всего то и нужно добавить скрипт в шапку, да сформировать html код вроде
<div id="myGallery">
<div class="imageElement">
<h3>Item 1 Title</h3>
<p>Item 1 Description</p>
<a href="mypage1.html" title="open image" class="open"></a>
<img src="images/brugges2006/1.jpg" class="full" />
<img src="images/brugges2006/1-mini.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<h3>Item 2 Title</h3>
<p>Item 2 Description</p>
<a href="mypage2.html" title="open image" class="open"></a>
<img src="images/brugges2006/2.jpg" class="full" />
<img src="images/brugges2006/2-mini.jpg" class="thumbnail" />
</div>
</div> Ребят, разработчики, кто может интегрировать ее для вставки в посты? Нужно просто добавить новую кнопку для добавления галереи и чтобы она закачивала картинки, использовала встроенный в этот скрипт генератор тумбов для миниатюр и выдавала данный html.
Как вариант — . Там через LS надо будет делать миниатюрки.
5 часов ждать не хочу, так что публикую тут одну доработку.
Выравнивание по-центру несправедливо не было добавлено. Исправляем.
1 Открываем в шаблоне window_load_img.tpl
Добавляем после
<option value="right">{$aLang.uploadimg_align_right}</option>строку
<option value="center">{$aLang.uploadimg_align_center}</option>2 Открываем /engine/modules/image/Image.class.php
Меняем
if (isset($aParams['align']) and in_array($aParams['align'],array('left','right'))) {
$sText.=' align="'.htmlspecialchars($aParams['align']).'" ';На
if (isset($aParams['align']) and in_array($aParams['align'],array('left','right','center'))) {
$sText.=' class="'.htmlspecialchars($aParams['align']).'" '; 3 В файле
После
'uploadimg_align_right' => 'справа',Побавить
'uploadimg_align_center' => 'по центру',4 В css шаблона добавляем классы
.center {margin:0 auto !important;display:block;}
.left {float:left;}
.right {float:right;}
5 А теперь небольшое вмешательство в движок. Нужно настроить парсинг текста, так как стандартно тег class запрещен, но мы сделаем возможность использования его вместо align
Откроем
/engine/modules/text/Text.class.phpЗаменим
'align' => array('right', 'left', 'center'),На
'class' => array('right', 'left', 'center'),
Давненько я не писал… и так к делу.