Плагин позволяет использовать в материалах изображения большого размера, не загружая для них эскизы.

Эскизы создаются плагином в папке cache/plg_jdvthumbs.

В состав плагина входит slimbox. Но вместо него можно использовать другой лайтбокс, задав имя класса и rel в настроках плагина, в соответствии с используемым лайтбоксом. В этом случае лайтбокс должен уже быть на сайте.

Плагин делает эскизы для файлов jpg. png, gif. В настройках можно выбрать пропускать gif, если на сайте используются анимированные gif. Иначе можно добавлять класс nothumb, чтобы эскиз для изображения не делался.

Настройки плагина включают разделы для

  • главной страницы
  • блога
  • материалов
  • mod_custom

Можно включить опцию создания эскизов для вступительного изображения intro_image.

Также можно задавать специальные настроки для пунктов меню по Itemid.

Например:

  • 50: 150 150 
  • a50: 500 500

a - применяется к материалу, верхняя строка к блогу

еще пример:

  • 50: 150 150 crop window

crop - изображение обрезается, window - открывается в новом окне

Для экономии места на диске можно использовать общие настройки для категории, главной страницы и материалов. Например, если для материалов задать параметр Использовать параметры из - Category, то для категории и материала будет создваться один эскиз, с параметрами заданными в Параметры для блога.

Для изображений возможны следующие действия:

  • none - действие не производится
  • both - размеры эскиза подбираются так, чтобы он вписался в заданные ширину и высоту
  • width - эскизы создаются по высоте
  • height - по ширине
  • crop - производится обрезка изображения, возможны два варианта - это верхняя часть изображения и второй вариант средняя часть.
  • stylesize - испольщуются размеры, заданные в визуальном редакторе (чтобы этот параметр применялся нужно использовать настройки материала, то есть для категории и материала будут созданы два эскиза)

Открытие большого изображения задается следующими параметрами:

  • none - просто эскиз, при клике большое изображение не открывается
  • window - в новом окне
  • slimbox - в лайт боксе, в слимбоксе или другом лайбоксе, см. выше.

Дополнительные возможности плагина:

  • Размер эскиза можно также регулировать в материале, используя классы
    stylesize или tagsize для изображения.
    Размер эскиза будет в соответствии с параметрами width height стиля или ширина и высота будет браться из параметров тэга. Также можно использовать сокращенные обозначения для классов: ss и ts.
  • Для эскиза можно загрузить отдельный файл - custom-имяфайла.jpg В этом случае эскизы будут делаться с этого файла, а для большого изображения будет использоваться файл имяфайла.jpg
  • Наложение на большое изображение водяного знака. Для этого нужно указать в настроках делать большой эскиз.
  • Для внешних ссылок добавляется класс outer, что позволяет в CSS задать класс для внешних ссылок.
  • Не создаются эскизы для изображений, находящихся внутри ссылки, для изображений с классом nothumb, или внутри контейнера с классом nothumb.
  • Можно задать минимальный размер для создания эскизов - эскизы будут делаться только для изображений большего размера.

Если при включенной опции Загрузить slimbox в joomla 3 slimbox работать не будет, нужно отключить эту опцию в настройках плагина и добавить следующий код в шаблон.

Добавление slimbox в шаблон для Joomla 3:

<script src="/media/plg_content_jdvthumbs/slimbox-jquery/slimbox2.js" type="text/javascript"></script>
<link rel="stylesheet" href="/media/plg_content_jdvthumbs/slimbox-jquery/css/slimbox2<?php echo (JFactory::getLanguage()->isRTL() ? '-rtl' : ''); ?>.css" type="text/css" /> 

после

<jdoc:include type="head" />

либо 

$doc = JFactory::getDocument();
$doc->addScript(JURI::base() . '/media/plg_content_jdvthumbs/slimbox-jquery/slimbox2.js', 'text/javascript');
$doc->addStyleSheet(JURI::base() . '/media/plg_content_jdvthumbs/slimbox-jquery/css/slimbox2'.(JFactory::getLanguage()->isRTL() ? '-rtl' : '').'.css', 'text/css');

до тега jdoc head.

Если вы делаете свой модуль или компонент, то можно использовать код плагина для генерации эскизов.

Пример использования кода для создания эскизов. Этот код я использовал в модуле mod_articles_category

if (!class_exists('JdvThumbs2')) {
require_once( JPATH_BASE . DIRECTORY_SEPARATOR . 'plugins' . DIRECTORY_SEPARATOR . 'content' . DIRECTORY_SEPARATOR . 'dvthumbs' . DIRECTORY_SEPARATOR . 'thumb2.class.php' );
}
$thumbObj = new JdvThumbs2();

$thumbObj->set( 'quality', 100 );
$thumbObj->set( 'width', 290 );
$thumbObj->set( 'height', 200 );
$thumbObj->set( 'sizeon', 'both' );
$thumbObj->set( 'prefix', 'mod-ac' );

$thumb = $thumbObj->doThumbnail($images->image_intro);
//$images->image_intro - путь к изображению

echo '<img alt="alt-text" class="media-object" src="/<?php echo $thumb[0]; ?>" />'; 

Комментарии   

#65 Николай 29.01.2016 13:00
Цитирую Shustry:
Здравствуйте. Спасибо за плагин. Хорошо дружит с UIkit, т.к. есть возможность указания класса ссылки.
Подскажите пожалуйста, как можно к нему обращаться из сторонних компонентов и модулей?

Спасибо! Дописал пример в конце описания.
Цитировать
#64 Shustry 26.01.2016 15:37
Здравствуйте. Спасибо за плагин. Хорошо дружит с UIkit, т.к. есть возможность указания класса ссылки.
Подскажите пожалуйста, как можно к нему обращаться из сторонних компонентов и модулей?
Цитировать
#63 Николай 25.09.2015 05:43
Цитирую Sfera:
Не могу сделать превью (Маленькую картинку) для Изображение для вступительного текста материала в Joomla! 3.4.4 страница например http://ikeakmv.ru/stati.html

Может быть Эскизы для intro_image установлено Нет..
Цитировать
#62 Sfera 24.09.2015 21:14
Не могу сделать превью (Маленькую картинку) для Изображение для вступительного текста материала в Joomla! 3.4.4 страница например http://ikeakmv.ru/stati.html
Цитировать
#61 Николай 18.09.2015 08:33
Цитирую JDESIGN:

Заработало, для http://pp.vk.me/, для httpS://pp.vk.me/ - не хочет. На хостинге всетаки не работатет ни так ни сяк, но это уже настройки безопасности наверно, буду смотреть. В любом случае Спасибо Вам.

Изменил проверку внешней ссылки. Попробуйте еще раз скачать и установить.
Цитировать
#60 JDESIGN 16.09.2015 08:17
Цитирую Николай:
Цитирую JDESIGN:
Здраствуте, Николай. Почемуто на сайте с версией плагина 0.6.6 для intro_image и для изображений в теле статьи прекрасно делаются эскизы с изображений сайтов-внешних источников, а на сайте с плагином последней версии 0.6.15 - не хотят... уже и так крутил, и сяк крутил... и перезаписывал старый плагин поверх нового - не идет и все. В каком направлении смотреть? Спасибо.

Попробовал, эскизы сделались для внешнего изображения. Может, в общих настройках не выбрано Пропускать внешние изображения? - Нет

Заработало, для http://pp.vk.me/, для httpS://pp.vk.me/ - не хочет. На хостинге всетаки не работатет ни так ни сяк, но это уже настройки безопасности наверно, буду смотреть. В любом случае Спасибо Вам.
Цитировать
#59 Николай 13.09.2015 12:15
Added availability check remote image. You Can also specify a timeout.
v0.6.16
Цитировать
#58 Walker 11.09.2015 15:56
Цитирую Walker:
Hello,

There is a issue with the function getimagesize, if the file is remote and do not exists this can hang the server with with a long timeout.

Here is the workaround path: http://pastebin.com/pH4jtNvc

I created the function checkRemoteFile to be called before the getimagesize calls, if there is a error loading the file, (with a little timeout), we do not execute getimagesize.


Now this implies another problem: when listing a lot of articles, multiple checkRemoteFile requests are made. Checking the image size of remote files is a too long time blocking task, and multiple tasks can increases a lot of loading time.
Цитировать
#57 Walker 11.09.2015 14:16
Hello,

There is a issue with the function getimagesize, if the file is remote and do not exists this can hang the server with with a long timeout.

Here is the workaround path: http://pastebin.com/pH4jtNvc

I created the function checkRemoteFile to be called before the getimagesize calls, if there is a error loading the file, (with a little timeout), we do not execute getimagesize.
Цитировать
#56 Николай 11.09.2015 10:55
Цитирую JDESIGN:
Здраствуте, Николай. Почемуто на сайте с версией плагина 0.6.6 для intro_image и для изображений в теле статьи прекрасно делаются эскизы с изображений сайтов-внешних источников, а на сайте с плагином последней версии 0.6.15 - не хотят... уже и так крутил, и сяк крутил... и перезаписывал старый плагин поверх нового - не идет и все. В каком направлении смотреть? Спасибо.

Попробовал, эскизы сделались для внешнего изображения. Может, в общих настройках не выбрано Пропускать внешние изображения? - Нет
Цитировать

Добавить комментарий


Защитный код
Обновить

Поддержать плагин материально

Либо:

R198624707259 или Z107685879869