Как подключить к Joomla не стандартный слайдер новостей, слайд шоу картинок. В интернете очень много различных подобных приложений, однако некоторых ставит в тупик подключение их к CMS Joomla. Есть конечно готовые модули, но иногда надо именно тот который понравился из сторонних. Я опишу общий принцип подключения на нескольких примерах. Первое, для подключения надо создать модуль в самой джумле. Делается это так Расширения-->менеджер модулей-->создать-->произвольный HTML код получился новый модуль (custom) в котором мы видим редактор TinyMCE (если другой то надо на время переключить редакторы):
Нас интересует кнопка HTML нажав на неё можно вставлять нужный нам исходный код слайдера, после вставки переключаем опять в режим визуального редактора (повторное нажатие HTML).
Теперь рассмотрим непосредственно примеры подключения слайдеров. Возьмем для работы этот слайдер:
Пример можно посмотреть здесь:
Скрытый текст виден только зарегистрированным пользователям
Скачать его можно здесь:
Скрытый текст виден только зарегистрированным пользователям
Итак делаем свободный модуль HTML как было описано в начале статьи, но в начале подключаем все стили и скрипты для слайдера, для этого открываем файл index.php Вашего шаблона и добавляем между тегами <head> и </head> код:
Далее добавляем часть скрипта перед тегом </body):
Код PHP:
<script type="text/javascript">
presentationCycle.init();
</script>
Вот так:
Забрасываем папку из архива в корень сайта, (обратите внимание на пути для стилей и скриптов, если будите переименовывать папки то их нужно поправить соответственно).
Теперь непосредственно в наш созданный HTML модуль нажав на кнопку HTML вставляем все содержимое из страницы index.html архива слайдера (все что находится между тегом <body> </body>, кроме скрипта перед закрытием </body> 6
Код PHP:
<div class="container">
<h1>Пример цикла презентации. Установки по умолчанию.</h1>
<p><a href="index_1.html">Пример цикла презентации. Квадратные метки индикатора.</a></p>
<p><a href="index_2.html">Пример цикла презентации. Маленькие метки индикатора.</a></p>
Что -то у меня не получилось. Картинок нет, только текст в новом модуле. Я закинула все что было в архиве в папку с модулями, в шаблоне изменила как вы написали, в новый модуль в HTML кинула... что я сделала не так?
Проверьте пути к картинкам, раз текст появился, а картинки нет, то ошибка с url до картинок. Чаще бывает, что картинки есть, но они расположены одна под другой, тогда значит неправильно указан адрес (или просто ошибка) до самих скриптов в <head>.
честно сказать очень плохо разбираюсь во всем, даже не знаю как проверить путь к картинкам. а слайдер скачала тут, делала как написано в статье. и текст у меня один под другим, но без картинок. как-то я по деревянному установила.Если не трудно, объясните чайнику.
Сейчас вот подумал, а Вы когда скачали архив со слайдером и разархивировали его, догадались что у Вас получилось папки presentation_cycle две, одна вложенная в другую, надо вытащить одну с содержимом, и закинуть только её.
даже не знаю как проверить путь к картинкам
href="/presentation_cycle/css/style.css" это адрес (путь) до файла стилей. проверьте у Вас на самом деле так, не написано, а именно папки, так расположены на сайте, то есть папка presentation_cycle, в ней папка css, в ней файл style.css. Это и есть проверка пути.
Я создала папку в модулях, назвала ее как у вас presentation_cycle, в ней создала папки соответственно css, images, js в них загрузила их файлы, ну и там были отдельные файлы я их в эту папку кинула, короче так же как в архиве было.
Надо не в модулях, а в корне сайта, (там где все папки джумлы). У вас путь должен быть таким: href="/presentation_cycle/css/style.css" а не таким (как у Вас получился): href="/modules/presentation_cycle/css/style.css"
Сделала как вы сказали. появился слайдер, меняется там текст но на черном фоне, фотографий нет, а еще шаблон изменился, фон стал в вашу серую клетку.))