Воскресенье, 02 ноября 2014 00:00

Jquery-scrollfix, или все гениальное - просто

Оцените материал
(3 голосов)

Очень понравился мне этот совсем простенький плагин на jQuery… собственно, добиться аналогичного эффекта не составляло никаких проблем и раньше; но теперь все стало еще проще, и доступно самым что ни на есть новичкам в нелегком искусстве вебсайтостроения.

Одним словом, попробуйте прокрутить страничку вверх-вниз, и понаблюдайте за картинкой.

Веблаборатория Masterpro.ws

Прикольно, правда? Вместо картинки может быть любой текстовой блок, ну или рекламный... вы попросту обрамляете HTML-код еще одним дивом, пусть он будет называться, скажем, "bar", как в данном примере; а что там внутри - сугубо ваше личное дело (можно попробовать, кстати, блок Яндекс Директа либо баннер Google Adsense):

 

<div id="bar">
<div><img src="/ваша картинка" alt="" /></div>
</div>

 

Разумеется, div можно декорировать стилями, это понятно... итак, что еще от нас требуется? - да совсем немногое: на той же самой странице подключаем скрипты:

 

<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>

 

Примечание: если ваш Joomla-шаблон либо что-то из Joomla extensions уже подтягивает на страничку jquery.min.js - повторяться нет нужды, вполне хватит и одного раза. Ну и... это все. Ряд опций плагина вы увидите на страничке проекта, там же возможно и загрузить чудо-плагин jquery-scrollfix.

 

Достаточно подробная инструкция для джумлаводов, на тему "Как использовать jQuery-scriollfix на сайте под управлением cms Joomla" - на форуме, welcome по ссылке.

-----

Кстати, а не хотите ли вы заказать интернет-магазин? Подумайте; мы всегда рады, если что. 

 

Последнее изменениеСреда, 15 февраля 2017 05:48

Оставить комментарий

Добавьте ваш комментарий

Комментарии в блоге