Главная » Файлы » Скрипты для uCoz » Другие скрипты |
Рейтинг из 10 звёзд для любого модуля by Apocalypse для uCoz
24.06.14, 14:16:53 | |
Данный скрипт позволит превратить простой рейтинг из 5 звёзд в его десятибальный аналог Установка: В нужных модулях замените примерно следующее: Код <?if($RATING$)?><?$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?><?endif?> На: Код <?if($RATING$)?> <div style="display:none;"><?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?></div> <span id="$ID$" rnum="$RATING$" class="apo10rate" style="vertical-align:middle;"></span><span id="stop"></span> <?endif?> В любой глобальный блок или на нужных страницах после /head вставляйте: Код <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 Материал разработан Apocalypse | |
Просмотров: 669 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |