Название:
Переключатели страниц "Назад"-"Вперед"
Категория:
Переключатели страниц
Раздел:
uCoz - Скрипты
Просмотров:
 2622
Автор:
Неизвестен
Добавил:
Дмитрий
Комментов:
0
Добавленно:
  13.07.2014 в 16:32
Теги:
css, переключатели, страниц, ucoz, Вперед, Назад, js
Рейтинг:
Игровая индустрия

Переключатели страниц "Назад"-"Вперед"

Переключатели страниц "Назад"-"Вперед"

Возможно Вы видели на многих сайтах вместо стандартного переключателя страниц кнопки "назад" и "вперед". Данный небольшой скрипт реализует рабочие кнопки данного типа.


Скрипт предназначен для «Каталога файлов». Переделать под другие модули не сложно.


Установка:


1. Сначала установим стили для кнопок. Заходим в ПУ -> Управление дизайном -> Таблицу стилей CSS и вставляем следующее:


Код
.pageselector {text-align:center; padding: 10px 0;}  
  a.page-btn:hover{background: #b9b9b9 url(http://gigabytes.clan.su/load-ucoz/skripts/drygii/2/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(http://gigabytes.clan.su/load-ucoz/skripts/drygii/2/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>


Установка завершена!


Подождите немного, сейчас файл будет подготовлен, через
секунд Вы получите ссылку на скачивание.


Зарегистрированные пользователи уже качают в то время как вы ожидаете 16 секунд.
Всего комментариев: Комментариев нет , Но вы можете написать первым
avatar