Делаем слайд шоу в Joomla. Модуль слайд шоу джумла


Showplus - слайд шоу Joomla

Данный модуль представляет собой достаточно простое решение, если взглянуть на него со стороны разработчика. Оно очень легкое для системы, поскольку состоит из чистого JavaScript, а также CSS, но зато имеет неплохой функционал, который обходит по своим возможностям немалое количество других предложений. Это продвинутое слайд шоу Joomla, даст возможность пользователю полностью раскрывать все возможности подобных блоков. Поддержка различных фильтров для вывода изображений, эффектов и много чего другого, позволит не только сделать сайт красивее, но еще и эффективнее в плане информативности. Ну а поддержка различных языков, упростит общение с аудиторией, если на сайт заходят посетители из разных стран. Перейдем к более детальному рассмотрению возможностей этого модуля.

Функционал Showplus

Чтобы долго не описывать то, на что способен этот модуль, вынесем основные его возможности в список:

 

Благодаря такому решению, организовать слайд шоу для joomla 3 можно будет очень просто. Пользовательские настройки откроют много путей для корректировки тех параметров, которые изначально могут не устраивать пользователя. Но самое главное достоинство этого модуля, конечно же, его легкость для системы, а также возможность подстраиваться под дисплеи, на которых он отображается. Тем не менее, каждая функция тут важна, многоязычность в том числе.

Современное слайд – шоу

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

atempl.com

Модуль слайд-шоу JTINYSLIDESHOW Rus

Подробности Категория: Joomla-модули Опубликовано 12.04.2013 17:24 Автор: Super User

Рисунок к статье модуль слайд-шоуМне понадобился простой в управлении и надёжный в работе модуль слайд - шоу и я остановил свой взгляд на MOD JTINYSLIDESHOW. Разработчик Виктор Фогель - Кубик-Рубик. Модуль анонсирован для Joomla 2.5 - 3.0. Начав работать с данным модулем мне снова захотелось его перевести, чтобы иметь представление обо всех настройках и всех тонкостях. Потратив пару-тройку часов на перевод, я предлагаю Вашему вниманию модуль слайд - шоу подготовленный для установки на Ваш сайт. Я попробую описать настройку, а так же пример подгонки файла CSS под свои потребности. Итак, начнём. Устанавливаем модуль стандартно через админ-панель.

Открываем модуль и начинаем настраивать. Слева в рубрике "Подробно" всё как обычно: включить, опубликовать, выбрать позицию в шаблоне, привязать к пунктам меню. Справа в настройках самого модуля: Выберите слайдер или микшер, то есть как будет сменятся изображение, пролистыванием или растворением. Интервал показа-какой пожелаете. Габариты окна слайд-шоу - поставите свои, сообразуясь с местом в шаблоне Вашего сайта. Панель пагинации - три варианта выберите свой. Далее идет настройка слайда: Выбрав текст - нужно ввести его и проставить название, выбрав изображение - нужно проставить путь до изображения. Если ваш рисунок находится в папке images, то и путь будет images/ваш рисунок. Соответственно и рисунок должен быть с размерами указанными в габаритах слайд - шоу. Далее настройки простые даже для чайника. Но вот Вы опубликовали изображение, но Вам не нравится как выглядит шоу, да и установлено оно не совсем ровно. 

Рисунок 2 к статье модуль слайд-шоуЧтобы отрегулировать и наладить показ идём в файл jtinyslideshow.css в строке 26 изменяем margin: 20 на 0, и auto с 0 на 4px. (у Вас могут быть свои размеры, я просто показываю где это делается) Кстати файл находится по адресу: public_html/Ваш сайт/module/mod_jtinyslideshow/jtinyslideshow.css а если Вы еще на Денвере то адрес такой: WebServers/home/Ваш сайт/www/module/mod_jtinyslideshow/jtinyslideshow.css Но продолжим настройку:Чтобы настроить нормальное отображение цифр в квадратах и точек меняем в строках 34 и 36 синхронно margin: 0 4px 0 0 на 0 21px 0 0 Ну вот теперь настроено ровно.

Рисунок 3 к статье модуль слайд-шоу

Для того, чтобы не съедать ресурсы хостинга настроим смену картинок через большой промежуток времени, например через 60 сек или еще больше. Вот и весь мой отчёт. За мой труд по переводу модуля на русский язык прошу Вас просто проголосовать нажав на звёздочки под статьёй. До встречи. Олег.

 

You have no rights to post comments

joomla-prosto.ru

Делаем слайд шоу в Joomla — artisteer-rus.com

Как подключить к Joomla не стандартный слайдер новостей, слайд шоу картинок. В интернете очень много различных подобных приложений, однако некоторых ставит в тупик подключение их к CMS Joomla. Есть конечно готовые модули, но иногда надо именно тот который понравился из сторонних. Я опишу общий принцип подключения на нескольких примерах. Первое, для подключения надо создать модуль в самой джумле. Делается это так Расширения-->менеджер модулей-->создать-->произвольный HTML код получился новый модуль (custom) в котором мы видим редактор TinyMCE (если другой то надо на время переключить редакторы): Нас интересует кнопка HTML нажав на неё можно вставлять нужный нам исходный код слайдера, после вставки переключаем опять в режим визуального редактора (повторное нажатие HTML).

Теперь рассмотрим непосредственно примеры подключения слайдеров.Возьмем для работы этот слайдер:

Пример можно посмотреть здесь:

Скрытый текст виден только зарегистрированным пользователям

Скачать его можно здесь:

Скрытый текст виден только зарегистрированным пользователям

Итак делаем свободный модуль HTML как было описано в начале статьи, но в начале подключаем все стили и скрипты для слайдера, для этого открываем файл index.php Вашего шаблона и добавляем между тегами <head> и </head> код:

Код PHP:
  1. <!-- Стили -->

  2. <link rel="stylesheet" type="text/css" href="/presentation_cycle/css/style.css" />
  3. <link rel="stylesheet" type="text/css" href="/presentation_cycle/css/presentationCycle.css" />
  4.  

  5. <!-- Scripts -->

  6. <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>

  7. <script type='text/javascript' src='/presentation_cycle/js/jquery.cycle.all.min.js'></script>

  8. <script type='text/javascript' src='/presentation_cycle/js/presentationCycle.js'></script>

Вот так: Далее добавляем часть скрипта перед тегом Код PHP:
  1. <script type="text/javascript">

  2. presentationCycle.init();

  3. </script>

Вот так: Забрасываем папку из архива в корень сайта, (обратите внимание на пути для стилей и скриптов, если будите переименовывать папки то их нужно поправить соответственно).

Теперь непосредственно в наш созданный HTML модуль нажав на кнопку HTML вставляем все содержимое из страницы index.html архива слайдера (все что находится между тегом <body> </body>, кроме скрипта перед закрытием </body> 6

Код PHP:
  1. <div>

  2.  

  3. <h2>Пример цикла презентации. Установки по умолчанию.</h2>

  4. <p><a href="index_1.html">Пример цикла презентации. Квадратные метки индикатора.</a></p>

  5. <p><a href="index_2.html">Пример цикла презентации. Маленькие метки индикатора.</a></p>

  6.  

  7. <div>

  8. <div>

  9. <div>

  10. <h2>Парк серверов</h2>

  11. Consectetur adipiscing elit. Nunc quis tellus eros.

  12. Nam blandit diam id turpis bibendum nec rutrum dui pulvinar. Quisque fermentum,

  13. dolor ut adipiscing suscipit, leo lorem malesuada mauris, vitae dapibus mi

  14. ligula ut nunc.

  15. </div>

  16. <img src="images/slide1.jpg" alt="slide1" />

  17. </div>

  18. <div>

  19. <div>

  20. <h2>Приложения для iPhone</h2>

  21. Consectetur adipiscing elit. Nunc quis tellus eros.

  22. Nam blandit diam id turpis bibendum nec rutrum dui pulvinar. Quisque fermentum,

  23. dolor ut adipiscing suscipit, leo lorem malesuada mauris, vitae dapibus mi

  24. ligula ut nunc.

  25. </div>

  26. <img src="images/slide2.jpg" alt="slide2" />

  27. </div>

  28. <div>

  29. <div>

  30. <h2>Расширения Wordpress</h2>

  31. Consectetur adipiscing elit. Nunc quis tellus eros.

  32. Nam blandit diam id turpis bibendum nec rutrum dui pulvinar. Quisque fermentum,

  33. dolor ut adipiscing suscipit, leo lorem malesuada mauris, vitae dapibus mi

  34. ligula ut nunc.

  35. </div>

  36. <img src="images/slide3.jpg" alt="slide3" />

  37. </div>

  38. <div>

  39. <div>

  40. <h2>Городская сеть</h2>

  41. Consectetur adipiscing elit. Nunc quis tellus eros.

  42. Nam blandit diam id turpis bibendum nec rutrum dui pulvinar. Quisque fermentum,

  43. dolor ut adipiscing suscipit, leo lorem malesuada mauris, vitae dapibus mi

  44. ligula ut nunc.

  45. </div>

  46. <img src="images/slide4.jpg" alt="slide4" />

  47. </div>

  48. <div>

  49. <div>

  50. <h2>Персик, который нашел Марио</h2>

  51. Consectetur adipiscing elit. Nunc quis tellus eros.

  52. Nam blandit diam id turpis bibendum nec rutrum dui pulvinar. Quisque fermentum,

  53. dolor ut adipiscing suscipit, leo lorem malesuada mauris, vitae dapibus mi

  54. ligula ut nunc.

  55. </div>

  56. <img src="images/slide5.jpg" alt="slide5" />

  57. </div>

  58. <div>

  59. <div>

  60. <h2>Слово и дело</h2>

  61. Consectetur adipiscing elit. Nunc quis tellus eros.

  62. Nam blandit diam id turpis bibendum nec rutrum dui pulvinar. Quisque fermentum,

  63. dolor ut adipiscing suscipit, leo lorem malesuada mauris, vitae dapibus mi

  64. ligula ut nunc.

  65. </div>

  66. <img src="images/slide6.jpg" alt="slide6" />

  67. </div>

  68. </div>

Вот так: Выставляем позицию для нашего слайдера, и смотрим что получилось:

artisteer-rus.com

модуль для добавления слайд-шоу изображений на сайт Joomla

BT Slideshow: модуль для добавления слайд-шоу изображений на сайт Joomla

BT Slideshow - идеальный модуль слайд-шоу для Joomla 1.5, 1.7. Модуль обеспечивает анимацию изображений при показе. С BT Slideshow вы можете загружать, просматривать изображения, настраивать параметры модуля и т.п.

Функции:

  1. Загружать, просматривать изображения
  2. Drag & Drop при загрузке файлов (только в Firefox, Chrome и Safari)
  3. Автоматическая обрезка изображений и эскизов
  4. Неограниченное количество изображений для слайд-шоу
  5. 27 стилей анимации
  6. Вставка изображений, ссылок, заголовков и описаний
  7. 4 вида навигации: пунктир, цифры, эскизы и автоматически
  8. Скрыть/Показать кнопки управления
  9. Совместимость с Joomla 1.5, 1.6 и Joomla 1.7
  10. Один установочный пакет для всех версий Joomla 1.5, 1.6 и 1.7
  11. Поддержка браузеров: IE7 +, Firefox 2 +, Safari 3 +, Chrome 8 +, Opera 9 +
  12. Видео инструкция и форум поддержки.

Изменения:

Исправлена ошибка загрузки изображений PNG, GIF

Исправлена ​​ошибка навигации.

BT Slideshow: модуль для добавления слайд-шоу изображений на сайт Joomla

BT Slideshow: модуль для добавления слайд-шоу изображений на сайт Joomla

BT Slideshow: модуль для добавления слайд-шоу изображений на сайт Joomla

BT Slideshow: модуль для добавления слайд-шоу изображений на сайт Joomla

BT Slideshow: модуль для добавления слайд-шоу изображений на сайт Joomla

vjoomla.ru

SJ Image Slideshow - Joomla Master

Совместимость с Joomla 3.0Совместимость с Joomla 2.5

SJ Image Slideshow

SJ Image Slideshow - новый модуль от разработчиков из студии SmartAddons, позволяющий организовать наглядное слайд - шоу изображений из материалов сайта. Данный модуль обладает адаптивными функциями, которые позволяют корректно отображаться содержимому на любых мобильных платформах. Огромный список настроек модуля позволит очень гибко настроить внешний вид ротатора для максимального соответствия дизайну сайта. Имеется возможность настройки размеров модуля, выбора источника вывода содержимого, включения показа дополнительной информации и многое другое. Всего доступно 4 темы ротации, которые содержат различные эффекты анимации и оригинальные панели навигации.

Основные особенности модуля SJ Image Slideshow:

  • Поддержка версия Joomla 2.5.x и 3.x
  • Полная совместимость со всеми версиями браузеров
  • Может быт использован для демонстрации продукции на сайте компании, предлагающей купить гипсокартон по доступной цене
  • Поддержка пользовательских стилей и альтернативной раскладки клавиатуры
  • Поддержка 4 тем, которые могут быть очень тонко настроены через внутренний интерфейс модуля
  • Возможность выбора папки источника изображений с отображением заголовков и ссылок на них
  • Наличие сортировки вывода содержимого по заданным параметрам
  • Имеется возможность включения отображения названий материалов, их описаний и ссылок на подробный просмотр
  • Поддержка изменения максимальной длины названий и описания элементов, котоые учавствуют в ротации
  • Наличие функций, позволяющих настроить высоту, ширину и фон изображений
  • Возможность включения автозапуска ротации материалов
  • Поддержка Multi-Module, обеспечивающая работу нескольких модулей на одной странице
  • Поддержка 4 режимов изменения размера изображений
  • Включение отображения прогресс-бара при необходимости
  • Встроенные функции кэширования, увеличивающие скорость загрузки сайта

Демо

Скачать

← SJ Categories for SobiPro SJ Mega Product II for JoomShopping →
 

joomla-master.org

JUX Layer Slideshow v1.0.0 - модуль слайдшоу для Joomla

 

Joomla расширение JUX Layer Slideshow

Описание расширения

Часто гуляя по просторам интернета, можно встретить сайты, на которых слайд шоу представляет собой не просто набор статичных картинок, а смену динамических объектов. Текст, картинки или видео на слайде не постоянны, они могут перемещаться, появляться, либо исчезать. Это выглядит необычно и обращает на себя внимание посетителя, делает сайт нестандартным, выделяющимся на фоне других. Модуль JUX Layer Slideshow предназначен именно для организации такого слайдера. Наиболее всего данное расширение подойдет для одноэкранных посадочных страниц или сайтов, где необходимо организовать яркую, привлекающую внимание шапку.

Данное расширение Joomla поможет Вам создать адаптивный слайдер с возможностью растягивания изображения на всю ширину экрана. В отличии от стандартных слайдеров содержимое слайдов представляет собой набор HTML объектов, что позволяет управлять SEO оптимизацией - все объекты доступны для обработки поисковыми роботами. Вы можете отобразить множество различных переходов или вариантов анимации для каждого отдельного объекта слайда. Плагин расширения позволяет настроить большое количество уникальных эффектов перехода, предзагрузку изображений, встроить в слайд видео с автозапуском и остановкой по действию пользователя, а так же содержит множество простых в настройке опций для создания собственных эффектов. Дополнительно полностью кастомизировать слайдер под свои нужды можно используя HTML (поддерживаются HTML5 атрибуты) и CSS.

Чтобы Ваша работа выделялась среди огромного количества других проектов в глобальной сети, необходимо подчеркнуть ее индивидуальность и сделать запоминающейся. Модуль Joomla для организации слайд шоу динамических объектов оптимально подойдет для данной задачи.

www.joomfox.org


Prostoy-Site | Все права защищены © 2018 | Карта сайта