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


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



Статистика
Онлайн всего: 24
Гостей: 24
Пользователей: 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

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

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

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

Форма входа


Поиск


На форуме

1 Работа на заводе

29

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

54

3 Армия

0

4 Может у кого есть!

6

5 Нужны копирайты

1

6 Остались честные СМИ?

0

7 Раздача подарков и стик...

1

8 Дисковое пространство

3

9 Ручной прогон по трасто...

19

10 бот для умножения денег...

0


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


Комментарии



Copyright UcozOn.ru™ © 2008-2024


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