Рейтинг из 10 звёзд для любого модуля для uCoz


Данный скрипт позволит превратить простой рейтинг из 5 звёзд в его десятибальный аналог

Установка:

В нужных модулях замените примерно следующее:

Код
<?if($RATING$)?><?$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?><?endif?>


На:

Код
<script>  
  $(document).ready(function() {  
// ApoTeam (c) 2012 (apo-ucoz.com)  
// Выстраиваем рейтинг при помощи цикла  
  $('span.apo10rate').each(function() {  
for(i=1;i<11;i++) {  
  $(this).append('<img id="' + i/2 + '" width="12px" height="12px" src="/images/apostard.png" onclick="ustarrating(\'' + $(this).attr('id') + '\', ' + i/2 + ');return false;">');  
}  
if($(this).attr('rnum') != 0) {  
  $(this).find('img[id="' + $(this).attr('rnum') + '"]').attr('src', '/images/apostar.png').prevUntil('.apo10rate').attr('src', '/images/apostar.png');  
}  
});  

// Манипуляции со звёздами  
  $('.apo10rate img').hover(function() {  
  $(this).nextUntil('#stop').attr('src', '/images/apostard.png');  
  $(this).attr('src', '/images/apostar.png').prevUntil('.apo10rate').attr('src', '/images/apostar.png');  
}, function() {  
  $(this).attr('src', '/images/apostard.png').prevUntil('.apo10rate').attr('src', '/images/apostard.png');  
});  

// Возвращаем значение рейтинга после отвода курсора  
  $('span.apo10rate').mouseout(function() {  
  $(this).find('img[id="' + $(this).attr('rnum') + '"]').attr('src', '/images/apostar.png').prevUntil('.apo10rate').attr('src', '/images/apostar.png');  
});  
});  
</script>


Две картинки из прикреплённого архива залейте в папку images


Похожие материалы
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]