Публикую этот анонс именно здесь, в разделе
Веб-сайт своими руками, хотя речь и пойдет о
Joomla…потому, что рассказ сегодня - о том, как работать с jquery-плагином
Scrollfix, и плагин этот не является плагином Joomla. Что, возможно, способно внести некоторое замешательство в ряды начинающих джумлаводов... не так ли? ничего, сейчас все порешаем, как любил говорить Физрук в великолепном исполнении Дмитрия Нагиева.
Итак; демку
jQuery Scrollfix можно увидеть здесь по ссылке, статья
Jquery-scrollfix, или все гениальное - просто
. Соответственно, в контексте именно
Joomla рекомендую следующий порядок работы:
1. Качаем
scrollfix.js по ссылке со странички проекта (ссылку найдете в статье), размещаем где-либо в публичной директории сайта. Куда именно вы бросите этот файлик - роли не играет; хотя оптимально, разумеется, попытаться соблюсти хоть какое-то подобие порядка в
public_html.
2. Создаем новый
mod_custom (модуль, позволяющий размещение на страницах Joomla-сайта любого HTML), в который помещаем следующие строчки кода:
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="/scrollfix.js"></script>
<script type="text/javascript">
$('#bar').scrollFix();
</script>
Путь к
scrollfix.js должен соответствовать, учтите. Еще не забыли, где именно он у вас?
3. Модуль публикуем где-нибудь в футере, на тех страничках, где планируется использовать
Scrollfix, видно его не будет - особенно, если для заголовка модуля проставите опцию "Скрыть". Примечание: для вставки кода оптимально использовать sourcerer от Nonumber.
4. Контент, предназначенный к обработке плагином, заключаем в div; название которого произвольно, но совпадает с тем, который вы только что упомянули в вашем новом модуле; в данном случае это "bar":
<div id="bar">
<p>Любой HTML - текст, изображение, дивы, все что душе угодно</p>
</div>
И на этом все, наслаждаемся.