Меню

Sigplus image gallery plus настройка



Главное меню

Софт Веб разработчика

Компоненты Joomla

Наверное не стоит недооценивать в наше богатое общением в соцсетях [ . ]

Antivirus Website Protection-компонент безопасности онент [ . ]

Интересно сайте обратную связьпользователями [ . ]

Личная ПРОСЬБА

Приму в подарок плагин JomDefender для Joomla-3

послать на joomla-prosto@yandex.ru

Если кому-то на нашем сайте попадался модуль со встроенными ссылками, прошу написать на выше указанную почту или в контакты нажав эту кнопку. Это нужно нам всем!

Скачивайте Комплект видео уроков по строительству сайтов на Joomla 3.0 с управлением из одного меню совершенно бесплатно. Просто пожелайте мне здоровья и удачи. До встречи, Олег.

Галерея слайдов — плагин Sigplus 1.4.2.12

Замечательный, не очень сложный в настройках плагин показа галереи слайдов в любом месте ваших статей, укомплектованный модулем, который призван показать подготовленные Вами изображения в модульных позициях Вашего шаблона. В обоих случаях при клике по слайду расширения используют прекрасный лайтбокс-эффект для вывода галереи изображений во всплывающем окне на просматриваемой страничке. По мнению уже использующих этот пакет веб мастеров, он имеет множество возможностей, которые обычно бывают только у платных версий. Установив пакет на свой проект Вы сможете выводить галереи рисунков практически в любом месте Вашего сайта.

Публикуемое расширение подготовлено для Joomla 2.5 -3.0. Как им пользоваться? Установка стандартная одним пакетом Sigplus image gallery plus 1.4.2.12. Установятся сразу модуль Sigplus и плагин. Весь пакет русифицирован, поэтому наладка расширений с использованием всплывающих подсказок не составит большого труда. Плагин: Вывод галереи рисунков в тексте статей обеспечивается пропиской специального тега . Просто подготавливаете папку со слайдами, обозвав её латинскими буквами, например — myfoto. Помещаете её в папку stories, расположенную в каталоге рисунков images. Если в Вашей Джумле нет такой папки просто создаём её. На этом работа с FTP по перемещению файлов на сайт заканчивается. (если Вы на локалке, то сделать это еще проще). Теперь открываем плагин: слева просто тупо включив его, переходим на правую сторону настроек собственно самого плагина. Распространенной ошибкой может стать прописка в графе «Основная папка» той, которую вы подготовили для галереи, т.е. myfoto. Вы тут же получите сообщение об ошибке. В графе Основная папка указываем images/stories и тогда будет Вам счастье В том месте статьи, где Вы наметили вывод галереи слайдов прописываем следующий тег: myfoto. Если Вы не прописываете тег, а копируете его, то позаботьтесь о том, чтобы он был сохранён в кодировке UTF-8(важно). Если на проекте уже работают какие-то плагины использующие тег активации gallery, то Вам придется поменять его на любой другой, прописанный на английском, указать его в настройках плагина окна «тег активации». В противном случае будет конфликт расширений. Сохраняете параметры расширения, обновляете страничку и, если Вы все сделали как я написал, любуетесь выводом галереи в теле Вашей статьи. После этого сможете приступить к настройке по Вашему усмотрению вида выводимых слайдов своей галереи, выбору библиотек, размеров и прочего. Смотрите, экспериментируйте, всё на русском, всё в ваших руках. Вы сможете выполнить подписывание ваших слайдов. Для этого нужно создать файл labels.txt и скопировать его в папку со слайдами. Параметры записей в файле следующие:

01.jpg|Репин Не ждали

02.jpg|Айвазовский Девятый вал

03.jpg|Суриков Боярыня Морозова

05.jpg|Васнецов Три богатыря

06.jpg|Шишкин Утро в лесу

Некоторые настройки можно сделать прямо в тегах, но об этом смотрите страничку разработчика http://hunyadi.info.hu/projects/sigplus. Мне вполне хватает настроек в самом плагине. Можно создавать другие папки со слайдами и в следующих статьях прописывать их в тегах. И вообще побольше экспериментируйте, Но эксперименты лучше, конечно, проводить на локалке (ДЕНВЕРЕ). Мало ли что может быть, любое расширение невозможно проверить на конфликтность со всеми другими расширениями и шаблонами, поэтому не лишне создавать резервные копии сайтов перед установкой новых расширений. Модуль настраивается аналогично, но для него не требуется вставлять теги, просто выбрать модульную позицию и провести косметические настройки. Вот и весь мой отчёт. До Новых встреч, Олег

Скачать пакет установки Sigplus Image Gallery Plus 1.4.2.12

Источник

Sigplus image gallery plus настройка

Sigplus — красивая галерея от Levente Hunyadi для последний версии Joomla 2.5/3.x. Расширение представляет собой простой способ добавления полноценной галереи на Ваши Joomla! стать с понятным синтаксисом. Установка и настройка галереи займет несколько минут, но это не значит он не подойдет для тех кто ищет мощное решение. Sigplus подходит как для начинающих, так и для продвинутых пользователей.

Читайте также:  Настройки оружия для css

Даже будучи простым в использовании, sigplus предлагает впечатляющий набор функций. Изображения, пригодные для галереей предварительного просмотра генерируются автоматически при кадрировании и/или центрировании, а нажав на изображение для просмотра открывается всплывающее окно(так называемый лайтбокса), показывая оригинальный размер изображения без перехода от текущей страницы. Изображения в галерее могут быть отображены в фиксированном или адаптивном в виде, они могут быть показаны через слайдер или карусели/ротаторы, или изображение может вписываться в другую форму с помощью декоративных эффектов перехода. Внешний вид расширения полностью настраивается (границы, отступы, слайдер/ротатор ориентация(горизонтальная или вертикальная), скорость анимации, задержка слайд-шоу, порядок сортировки изображений и т.д.).

Несмотря на универсальность многофункциональность, sigplus является полностью бесплатным. Это полноценный продукт со всеми включенными функциями, нет необходимости покупать коммерческую профессиональную версию с дополнительными функциями или приобрести членство в клубе, который предоставляет вам дополнительные привилегии.

Расширение было переведено на множество языков, что подтверждает её популярность. Перевод включают: английский, голландский, французский, немецкий, иврит, венгерский, польский, португальский, русский, словацкий и испанский. Joomla 1,5 пользователи должны предварительно установить plgsigplus-1.3.x (и, возможно, modsigplus-1.3.x), пользователям Joomla 2.5 и более поздних необходимо использовать пакет установщик pkg_sigplus-1.4.x.

Источник

Рекомендуемые дополнения

[sigplus] Критическая ошибка: Папка галереи изображений myfolder как ожидается будет относительно пути базовой папки изображений, указанной в панели управления.

Sigplus галерея — это плагин/модуль для добавления галереи изображений в статью с помощью простого тэга. В этом расширении используется лайтбокс — эффект: при нажатии на превью, оригинал изображения появляется во всплывающем окне, без необходимости обновлять/перезагружать страницу. Данный плагин может быть использован как галерея, карусель и ротатор в любом месте (из предусмотренных модульных позиций) сайта, внутри материала и за его пределами.

Основные возможности галереи Sigplus:

+ Есть выбор типа всплывающих окон, таких как: Slimbox, prettyPhoto, FancyBox и boxplus (разработан специально для sigplus),
+ Выбор типа показа превью — слайдер изображений / карусель / ротатор,
+ Изменяемое количество рисунков на странице, столбцов,
+ Поддерживаются разные форматы рисунков — JPG, PNG, GIF (в том числе и с прозрачностью).
+ Автоматическая генерация изображения — обрезка и центровка.
+ Оптимизация загрузки изображений.
+ Возможно использование нескольких галерей на одной странице.
+ Простая поддержка разных языков сайта,
+ Возможности поисковой оптимизации, так как можно использовать описание категорий и детальное описания для каждого рисунка.
+ Поддержка языков ориентированных справа налево.
+ Есть возможность сохранения изображений в высоком разрешении, либо автоматическая обработка по заданным параметрам.
+ Поддержка пользовательских стилей, таких как рамка, границы, отступы, прозрачность, задержка анимации и т.д.
+ Поддержка разных критериев сортировки (имя файла, время последнего изменения и в случайном порядке).
+ Поддержка больших галерей (100 или более изображений в одной галерее).
+ 100% валидный код и соответствие критериям CSS и JavaScript, XHTML 1.0 и 1.1, WCAG v2 AAA.
+ Глобальные настройки по умолчанию для всего сайта и возможность отдельного изменения параметров для любой страницы.
+ Ограничение доступа к галерее категорий пользователей и др..

Требования для работы Sigplus:

PHP версии 5.1+, Поддержка сервером GD или ImageMagick библиотек. Поддержка JSON (нужна только для некоторых дополнительных возможностей)

Использование Sigplus:

Создайте папку для рисунков, которые хотите вставить в статью в папке /images/stories, например назвав ее myfolder, загрузите в нее файлы изображений (.jpg, .png или .gif) со своего компьютера, вставьте в любое место статьи на сайте тэги myfolder и сохраните статью. Галерея появится в месте вставки этого тэга.

Если вы хотите подписать рисунки, то по умолчанию подписи делаются в файле «labels.txt», который кладут в папку с рисунками. Вид записей в файле такой:

01.jpg|Я на пляже
02.jpg|Я на самолете
03.jpg|Я на полянке
04.jpg|Я на столе в баре
05.jpg|Я на лошади

Источник

Обзор sigplus. Галерея в материале Joomla

  • Тип – бесплатный плагин и модуль галереи Joomla.

В предыдущих статьях цикла о галереях Joomla мы уже рассматривали такие расширения как RSMediaGallery, Simple Image Gallery и Phoca Gallery. В этой статье рассмотрим бесплатный плагин (и модуль) галереи sigplus (полное название sigplus Image Gallery Plus). При помощи плагина можно вставить галерею и в материал Joomla, и в другое место, где происходит обработка плагинов содержимого Джумал (например, в VirtueMart, при активации соответствующей опции). А модуль может быть размещён в любой позиции шаблона.

Расширение весьма популярное. В каталог расширений Joomla (JED) оно было добавлено 13 марта 2010 года. Последнее, на данный момент, обновление – 12 октября 2015. Есть версии под Джумла 1.5 – 3.х. Расширение переведено на русский язык, включая всплывающие подсказки и элементы навигации фронтальной части сайта. Всего на JED 285 отзывов. Общий рейтинг – 100 (всё кроме поддержки (99) оценено пользователями по максимуму). Учитывая, что плагин sigplus бесплатный, мелкие недовольства со стороны пользователей касательно поддержки незначительны.

Читайте также:  Настройка холостого хода на газовом редукторе

В обзоре будет участвовать последняя, на момент написания статьи (28.11.2015), русскоязычная версия sigplus 1.4.3.1, Joomla 3.4.5. Будет рассмотрен только плагин (в материале Joomla), так как модуль обладает аналогичными настройками.

В этой статье есть видео урок по настройки sigplus 1.5 (нужно начать смотреть видео с 41:07). Также видео есть в статье «Пошаговая инструкция Joomla (часть 4). Самостоятельное создание сайта» (нужно начать смотреть с 12:48).

В качестве аналогичного плагина галереи советую рассмотреть SIGE — Simple Image Gallery Extended.

Joomla sigplus

Рассмотрим основные особенности\возможности расширения Joomla sigplus.

  • Увеличение изображений с lightbox-эффектом.
  • Поддержка различных «движков» (механизмов) всплывающих окон: Slimbox, prettyPhoto, FancyBox и boxplus. Всего 12 вариантов (можно без анимации) на основании jQuery и MooTools.
  • Эффекты при переключении между изображениями.
  • Настройка макета галереи (вывода миниатюр).
  • Поддержка распространённых графических форматов изображений: *.JPG, *.PNG и *.GIF (с и без прозрачности).
  • Качественная генерация миниатюр с автоматической обрезкой и центрированием.
  • Прогрессивная загрузка изображений, которая позволяет оптимизировать пропускную способность соединения. Загружаются только те изображения, которые показаны в галерее в данный момент.
  • Возможность вставки неограниченного количества галерей в материал и на страницу.
  • Мультиязычные, адаптированные для поисковых систем подписи изображений и описания. Их можно задавать глобально для всех изображений или индивидуально для каждого.
  • Поддержка RTL-языков (тип письменности справа-налево).
  • Возможность загрузки исходной версии изображения.
  • Обработка мета-данных изображений.
  • Извлечение IPTC мета-данных из изображений.
  • Настройки отображения изображений в галерее (отступы, граница, прозрачность, задержка анимации и так далее).
  • Настройка сортировки изображений в галерее (по имени файла, по дате изменения, случайно и другое).
  • Настройка элементов навигации по галерее во фронтальной части сайта.
  • Поддержка больших галерей (100 и более изображений в одной галерее).
  • «Чистый» CSS и JavaScript код. Валидный XHTML 1.0 и 1.1. Успешное прохождение автоматической проверки WCAG v2 AAA (при использовании файла с подписями).
  • Возможность задавать настройки глобально для всех галерей и изменять настройки для конкретной галереи.
  • Плагин и модуль переведены на 12 языков, включая русский, английский, немецкий, французский.
  • Поддержка Joomla 1.5-3.х (не все версии sigplus).
  • Кэширование миниатюр.
  • Возможность задания степени сжатия (качества) создаваемых миниатюр.
  • Возможность показа изображений с другого домена или поддомена (но с той же файловой системы).
  • Возможность изменить «метод» встраивания галереи в страницу для оптимизации скорости загрузки страницы и устранения ошибок. Особенно актуально для больших галерей (100 и более изображений).
  • Возможность загрузки библиотек по CDN.
  • Поддержка обработки изображений при помощи библиотек PHP GD или ImageMagick.
  • Возможность создания и восстановления резервных копий настроек sigplus.
  • Возможность показа изображений из альбомов Picasa.
  • Добавление водяных знаков на изображения.
  • Наличие подробных описаний опций на русском языке и детальной англоязычной справки.

Советую ознакомиться с рекомендациями по именам файлов изображений и по самим изображениям. При использовании в именах файлов изображений русских букв могут быть проблемы с отображением галереи.

Настройка плагина sigplus

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

Все опции оснащены понятными текстовыми подсказками на русском языке или их назначение ясно из описания (не будем их рассматривать). Для подробного знакомства рекомендую установить плагин и начать читать\испытывать каждую его опцию. Поменяли что-то, применили, посмотрели результат.

Настройка sigplus

Опции на вкладке Дополнительные параметры (рисунок ниже) также оснащены подсказками. В принципе, можно здесь ничего не менять. Всё и так нормально сконфигурировано. Сюда стоит заглянуть в случае возникновения проблем или при необходимости оптимизации скорости работы плагина.

sigplus

Для быстрого старта достаточно просто активировать плагин и перейти в редактор материалов Joomla для вставки специального кода галереи (рисунок ниже), предварительно закачав на сервер в папку «images» нужные Вам фото.

Joomla sigplus

В фигурных скобках, до и после «aleksius-com», заключены открывающий и закрывающий теги галереи sigplus. Обратите внимание, что в дополнительных параметрах можно изменить само слово «gallery». Учитывайте, если Вы это сделаете после размещения тега с галереями в материалах, старые теги галереи перестанут обрабатываться, и вместо галерей будут их текстовые значения.

«aleksius-com» – это имя папки с изображениями, которые нужно выводить в этой галерее. Сама папка «aleksius-com» находится внутри папки «images».

Читайте также:  Настройка openwrt для билайн

Если не менять настройки плагина по умолчанию и не добавлять дополнительными параметрами сам «тег\заменитель» sigplus (об этом ниже в статье), то галерея в материале Joomla выглядит так, как показано ниже на рисунке.

Галерея в материале Joomla

По нажатию на миниатюру появится увеличенное изображение (рисунок ниже).

Увеличенное изображение

Галерея в материале Joomla

На сайте разработчика sigplus можно найти очень-очень много полезных материалов по тонкой настройке галереи (на английском языке).

Как быстро и легко вставить галерею в материал Joomla, без дополнительных настроек, мы рассмотрели выше. Эти действия обязательны для всех случаев работы с плагином sigplus. Рассмотрим самые полезные,на мой взгляд, особенности расширенной настройки sigplus.

Обратите внимание, что для применения изменений в настройках галереи нужно будет очищать кэш Joomla.

Добавление подписи и описания к изображениям

Создайте в папке с изображениями галереи файл «labels.txt» (без кавычек) (его имя можно изменить в настройках плагина). В него поместите следующий текст:

Simpsons-(45).jpg|Гомер|Гомер Симпсон — глава семейства Симпсонов.

Simpsons-(56).jpg|Барт|Барт Симпсон — сын Гомера и Мардж Симпсон.

Simpsons-(59).jpg|Мардж|Мардж Симпсон — жена Гомера Симпсона, мать Барта Симпсона.

Рассмотрим первую строку:

  • «Simpsons-(45).jpg» – имя файла изображения, включая расширение.
  • «|» – разделитель фрагментов синтаксической конструкции.
  • «Гомер» – заголовок изображения (на рисунке ниже №1). Используется в теге «alt» (замещающий текст – текст, который будет отображаться вместо изображения, если оно не загрузилось у пользователя).
  • «Гомер Симпсон — глава семейства Симпсонов.» – описание изображения и текст всплывающей подсказки (на рисунке ниже №2), появляющейся при наведении на миниатюру изображения. Используется в теге «title». Помимо вывода на странице для пользователей, можно использовать в качестве описания картинки для поисковых систем (может улучшить ранжирование в поиске по картинкам).

На рисунке ниже показана левая нижняя часть окна просмотра увеличенной версии изображения.

Описание рисунка

Обратите внимание, когда какой-то файл изображения не значится в файле «labels.txt», но есть в папке галереи, он не будет отображаться в галерее.

Для мультиязычных сайтов «labels.txt» должен называться так: «labels.en-GB.txt», «labels.ru-RU.txt» и так далее. Где «ru-RU» и «en-GB» – тег языка. Предварительно активируйте опцию Многоязычная поддержка в дополнительных параметрах плагина.

Можно сделать так, чтобы по нажатию на миниатюры изображений не открывались увеличенные картинки, а происходил переход на заданный URL. Для этого в «labels.txt» поместите ссылку (выделено жирным).

Simpsons-(59).jpg|Мардж|Мардж Симпсон — жена Гомера Симпсона, мать Барта Симпсона и всей семьи Симпсонов.

А сам код в редакторе будет такой.

Если не добавлять «lightbox=none», то текст со ссылкой появится во всплывающем окне под изображением.

Слайд-шоу

Для создания слайд-шоу в Joomla sigplus достаточно разместить нижеуказанный код в редакторе материалов.

  • «animation=2000» – скорость анимации (смены слайдов) в миллисекундах.
  • «slider=boxplus.transition slider:effect=fade» – тип анимации. Больше примеров типов анимации можно найти тут.

Водяной знак

Можно настроить sigplus на автоматическое добавление водяного знака на изображения. Файл изображения, включая его расширение, должен называться «watermark.png». Требования к файлу: формат PNG с прозрачностью, цветовая модель RGB.

Если поместить файл «watermark.png» в основную папку, которая задана в настройках галереи. Тогда именно этот водяной знак будет применяться ко всем галереям, где Вы активируете применение водяного знака.

Если поместить файл «watermark.png» в папку с конкретной галереей, активировать его применение, то он будет применяться только к изображениям этой галереи и будет показан в самой галерее.

Если поместить файл «watermark.png» в папку «watermark» внутри конкретной галереи, активировать его применение, то он будет применяться только к изображениям этой галереи и не будет показан в самой галерее.

  • «watermark=1» – активация применения водяного знака.
  • «watermark:position=se» – позиция водяного знака. Справа внизу от английского (south east – юго-восток).
  • «watermark:x=10» – отступ по горизонтали в пикселях от ближайшего края изображения.
  • «watermark:y=40» – отступ по вертикали в пикселях от ближайшего края изображения.

Одно изображение

Можно расположить в материале Joomla галерею из одного изображения. Код такой:

  • «width=100» – ширина миниатюры в пикселях.
  • «height=100» – высота миниатюры в пикселях.
  • «sigplus/birds2/IMG_0496.jpg» – путь к файлу изображения.

Как видите, Joomla sigplus весьма функциональная галерея. Возможно, не хватает графического интерфейса для упрощения её настроек, как например в RSMediaGallery. Но учитывая то, что sigplus бесплатный компонент (модуль), это вполне приемлемо.

В следующей статье «Обзор ImageSizer. Увеличение изображения Joomla по клику» мы рассмотрим ещё одно бесплатное расширение, которое упрощает работу с изображениями.

Источник

Adblock
detector