Приветствую Вас Прохожий | RSS Воскресенье, 17.12.2017, 14:46
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 11
Гостей: 11
Пользователей: 0



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Создаем Рейтинг из 10 звёзд на uCoz

Создаем Рейтинг из 10 звёзд на uCoz Создаем, Рейтинг, звёзд, uCoz
И так снова попытка сделать свой сайт не узнаваемым и похожим на DLE аналоги. Тем кто уже давно не живет по пятибалльной системе думаю в самый раз использовать балы в десятке, при помощи скрипта это не составит труда для замены. Звезды можно заливать свои и брать ссылки с стандартных которые используются учитывая их размеры.

Установка:
В нужных модулях замените примерно следующее:
Code
<?if($RATING$)?><?$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?><?endif?>
На:
Code
<?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 вставляйте:
Code
<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="/.s/img/stars/3/12.png" onclick="ustarrating(\'' + $(this).attr('id') + '\', ' + i/2 + ');return false;">');
}
if($(this).attr('rnum') != 0) {
$(this).find('img[id="' + $(this).attr('rnum') + '"]').attr('src', '/.s/img/stars/3/12.png').prevUntil('.apo10rate').attr('src', '/images/apostar.png');
}
});

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

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

Материал разработан Apocalypse
Автор\Источник: http://www.apo-ucoz.com

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 3585 | Рейтинг: 3.8/16 | |Категория: Скрипты Разное | Добавил: мир | Дата: 20.11.2012 | Скачали: 0 | Теги: звёзд, рейтинг, Создаем, ucoz
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 0

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

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Комплексный прогон сайт...

51

2 Изображение в CSS

2

3 Куплю сайты, с посетите...

0

4 Куплю игровой сайт с по...

2

5 Файловый Менеджер - Выс...

2

6 Календарь

0

7 В каких интернет магази...

9

8 Куплю сайт торговой орг...

0

9 400 рублей на аккаунт =...

6

10 Предлагаю проверенный з...

5


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2017


Кнопка 88х31 сайта ucozon.ru