| Плагин SmartResizer - мини-эскизы картинок в статьях и блогах |
|
Наверняка многие сталкивались с проблемой в Joomla: при выводе статей в виде блога материалов, особенно в несколько колонок, картинки статей должны быть маленькими, в то время как в самой статье картинки лучше смотрятся в большом размере. Кроме того, зачастую в статье требуется вывести картинку уменьшенного размера со ссылкой на полноразмерную картинку. Плагин SmartResizer - универсальный вариант решения этой проблемы. Плагин автоматически создает 2 мини-эскиза для картинки в статье: первый - для вывода в самой статье, второй - для вывода в блоге статей. Таким образом можно создавать маленький эскиз для блога категории, блога раздела и статей на главной, и эскиз среднего размера для просмотра в самой статье. Кроме того плагин автоматически создает ссылку на полноразмерную картинку в статье, если картинка имеет мини-эскиз. Плагин поддерживает форматы изображений jpg, png, gif. Параметры плагина:
Расширенные параметры:
Параметры 1 и 2 задают фиксированный размер мини-эскиза для картинок в блоге категории, блоге раздела, статей на главной странице. Параметры 3 и 4 задают размер по умолчанию картинки в самой статье. Можно задать свой размер мини-эскиза для каждой картинки в статье с помощью свойств картинки высота и ширина (свойства width и height тэга img) в редакторе статьи. Если ни высота ни ширина картинки не заданы, то размер мини-эскиза будет взят из параметров 3,4 по умолчанию. Совет: при вставке большой картинки в статью в свойствах картинки сразу задайте ее необходимый уменьшенный размер. Таким образом картинка будет и в редакторе смотреться как надо и в статье эскиз будет нужного размера. Можно задать только ширину или только высоту картинки в параметрах плагина или в свойствах картинки. В данном случае незаданный параметр размера картинки будет вычислен автоматически, исходя из отношения ширины и высоты исходной картинки. Если отношение заданных вами ширины и высоты мини-эскиза будет отличаться от отношения ширины и высоты исходной картинки, то мини-эскиз будет обрезан либо сверху-снизу, либо слева-справа. Чтобы указать плагину для каких картинок нужно делать мини-эскизы, нужно в свойствах картинки в редакторе задать значение smartresize в свойстве class или Id. Если используется свойство "Класс", то в файле шаблона template.css можно добавить класс smartresize. Этот класс может быть пустым: .smartresize { } или с оформлением картинки полями: .smartresize { padding: 5px 5px 5px 5px; margin:10px 10px 10px 10px; border:1px solid #CCCCCC; background:#EEEEEE; float:left; } Для картинок в блогах можно задать оформление отдельно от картинок в статьях: .blog img.smartresize { padding: 5px 5px 5px 5px; margin:10px 10px 10px 10px; border:1px solid #CCCCCC; background:#EEEEEE; float:left; } Если вы не хотите создавать класс можно воспользоваться свойством картинки Id для задания команды smartresize. Для этого нужно включить расширенный режим редактора TinyMCE, в этом случае в свойствах картинки в редакторе появятся вкладки. На третей вкладке есть свойство Id, которое можно установить в значение smartresize. Чтобы задать индивидуальные размеры для эскиза в блоге или на главной нужно воспользоваться командами blogwidth и blogheight, которые можно задать в свойсте style картинки: <img class="smartresize" style="blogwidth:200; blogheight:100;"
src="images/stories/image.jpg">Для того, чтобы плагин создавал эскизы для всех картинок, нужно включить параметр плагина Создавать эскизы для всех картинок. Плагин совместим с плагином от RoketTheme, так как сделан на его основе. Если вы установите дополнительно системный плагин RokBox, то полноразмерная картинка в статье будет открываться не в новом окне обозревателя, а в красивом lightbox`е. Пример эскизов с произвольным размером в блоге: Пример эскиза в статье с lightbox`ом (совместная работа с RokBox): Обсудить плагин можно на форуме. >>СКАЧАТЬ ПЛАГИН<<
|
