Изображения

Плагин галлерии изображений sigplus. Здесь демо и инструкции. Хоть все по английски, но условно понятно. В крайнем случае пользуйтесь переводчиком.

Если кратко, то пердлагаю разбить размещение фотографий на 4 группы:

1. Фото слайдером
2. Фото "превьюшками" при нажатии на любую открывается слайдер
3. Одинокое одно фото превью при нажатии на которое оно открывается в слайдере без навигации
4. Ссылка на одинокое одно фото превью при нажатии на которое оно открывается в слайдере без навигации

Примеры по порядку

{gallery width=800 height=600 slider=boxplus.transition animation=3000}/news/2016/20161019/{/gallery} {gallery slider=boxplus.carousel}/news/2016/20161019{/gallery} {gallery}/news/2016/20161019/7.jpg{/gallery} {gallery}https://pp.vk.me/c630623/v630623344/42d76/LtdjcPKbNAg.jpg{/gallery}

Примеры кода по порядку

Остается только скопировать и вставить в материал. Изменить ссылки на свои.

1. {gallery width=800 height=600 slider=boxplus.transition animation=3000}/news/2016/20161019/{/gallery}
2. {gallery slider=boxplus.carousel}/news/2016/20161019{/gallery}
3. {gallery}/news/2016/20161019/7.jpg{/gallery}
4. {gallery}https://pp.vk.me/c630623/v630623344/42d76/LtdjcPKbNAg.jpg{/gallery}

Добавлены новые теги для оформления текста
Рекомендую пользоваться именно ими. Во-первых они превносят разнообразие в средние и большие тексты, делают их гармоничнее.

Пример кода

[dropcap]<span>Первая буква будет Очень большая, а текст курсивный </span>[/dropcap]

В СССР отмечался праздник 7 ноября — День Октябрьской революции. В ночь с 25 на 26 октября 1917 года (7–8 ноября по новому стилю) в ходе вооружённого восстания большевики захватили Зимний дворец, арестовали членов Временного правительства и провозгласили власть Советов. В Советском Союзе 7 и 8 ноября были нерабочими днями. 7 ноября на Красной площади проходили военные парады, по всей стране устраивались праздничные демонстрации.

Этот вариант работает в версии для слабовидящих, но довольно сложный в работе. Много кода приходится вставлять в ручную. Да и показывает только по одному изображению.

Это пример если с тегами

[gallery columns="4" filter="yes"]
[gallery_item tag="joomla" src="/images/helix/gallery/300x200.png" /]
[gallery_item tag="wordpress" src="/images/helix/gallery/300x200.png" /]
[gallery_item tag="joomla, wordpress" src="/images/helix/gallery/300x200.png" /]
[gallery_item tag="magento" src="/images/helix/gallery/300x200.png" /]
[gallery_item tag="opencart" src="/images/helix/gallery/300x200.png" /]
[gallery_item tag="magento, opencart" src="/images/helix/gallery/300x200.png" /]
[gallery_item tag="joomla, magento, wordpress, opencart" src="/images/helix/gallery/300x200.png" /]
[gallery_item tag="drupal" src="/images/helix/gallery/300x200.png" /]
[/gallery]

Это пример без тегов, значит без сортировки

[gallery columns="4" filter="no"]
[gallery_item src="/images/helix/gallery/300x200.png" /]
[gallery_item src="/images/helix/gallery/300x200.png" /]
[gallery_item src="/images/helix/gallery/300x200.png" /]
[gallery_item src="/images/helix/gallery/300x200.png" /]
[gallery_item src="/images/helix/gallery/300x200.png" /]
[gallery_item src="/images/helix/gallery/300x200.png" /]
[gallery_item src="/images/helix/gallery/300x200.png" /]
[gallery_item src="/images/helix/gallery/300x200.png" /]
[/gallery]

Powerful templates framework to develop Joomla base website faster!

Powerful templates framework to develop Joomla base website faster!

Powerful templates framework to develop Joomla base website faster!

‹›

Get the code

[carousel]
[carousel_item]add image here [caption]Powerful templates framework to develop Joomla base website faster![/caption][/carousel_item]
[/carousel]

Этот вариант работает с целыми папками, но в версии для слабовидящих нещадно "зависает".