Возможно, вы замечали, что на многих веб-сайтах вместо стандартного переключателя страниц появляются кнопки "назад" и "вперед". В этом небольшом скрипте реализованы работоспособные кнопки такого типа. Скрипт был создан специально для модуля "Каталог файлов", но его модификация для других модулей не составит большого труда.
Установка:
1. Сначала установим стили для кнопок. Заходим в ПУ -> Управление дизайном -> Таблицу стилей CSS и вставляем следующее:
.pageselector {text-align:center; padding: 10px 0;}
a.page-btn:hover{background: #b9b9b9 url(//img.excelkin.online/s/web/uCoz/Profiles/3/glass_perexodi.png) repeat-x 0 50%;}
a.page-btn{
-webkit-transition: background 0.5s ease;
padding: 7px 12px;
font: bold 11px/13px "Tahoma",Helvetica,Arial,sans-serif;
text-decoration: none;color: #fefefe;
border: none;
background: #d3d3d3 url(//img.excelkin.online/s/web/uCoz/Profiles/3/glass_perexodi.png) repeat-x 0 50%;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}2. Теперь непосредственно установим сами кнопки. Переходим в ПУ -> Управление дизайном -> Каталог файлов -> Главная страница и вставляем следующий код:
<div class="pageselector"><a id="pageprev" class="page-btn" title="Назад">Назад</a> <a id="pagenext" class="page-btn" title="Вперед">Вперед</a></div>
<?if($PAGE_SELECTOR1$)?><div style="display: none;">$PAGE_SELECTOR$</div><?endif?>
<script>
if ($(".pagesBlockuz1").html()=="") {$("#pageprev").hide(); $("#pagenext").hide();}
else {
var nowpage = $(".pagesBlockuz1 .swchItemA span").html();
if (nowpage=="" || nowpage==1) {$("#pageprev").hide();} else $("#pageprev").attr("href","/load/0-"+(nowpage-1)+"");
var nextpage = $(".pagesBlockuz1 .swchItem").html();
var al = $(".pagesBlockuz1 a.swchItem:last span").html();
if (al!="»") {$("#pagenext").hide();} else $("#pagenext").attr("href","/load/0-"+(+nowpage+1)+"");
}
</script>
Установка завершена!
