» »

Скрипт рейтинг фильма с Кинопоиска и iMDB

Скрипт рейтинг фильма с Кинопоиска и iMDB

Теперь вы можете на своем сайте вывести рейтинг с КиноПоиска и IMDb на фильмы и сериалы, что для материала отличное решение будет. Скрипт полностью работоспособный, так как в сети много можно разных найти, но после обновление они уже не чего выводит не будут. Этот проверен на тестовом сайте, что ниже вам будет представлен снимок, как реально визуально будет после установки смотреться.

Безусловно пользователи и гости сайта будут рады видеть реальный рейтинг, по которым можно сделать вывод. Он работает от сайта кино поиска, все происходит автоматически. По дизайн идет 2 формата, этот основной рейтинг и iMDB, что в одну колонку.

IMDB и Кинопоиск

По установке, то нужно скачать файл, там находятся файлы и текстовой лист, где расписана подробная установка:

Установка скрипта:
1. Залить kinopoisk.min.js в файловый менеджер в папку js;
2. В том месте где хотите вывести рейтинг вставляем код:
Код
<div class="site-rating">
<div class="kinopoisk2" data-movie="$OTHER1$"></div>
<script type="text/javascript" src="/js/kinopoisk.min.js"></script>
</div>


$OTHER1$ - При добавлении в доп. поле указываем ID фильма с Kinopoisk.
Например находим фильм https://www.kinopoisk.ru/film/v-pole-zreniya-2011-582359/ - 582359 в конце это и есть ID фильма, его мы указываем в Доп. Поле 1 при добавлении.

3. В таблицу стилей CSS добавим:
Код
.site-rating {overflow:hidden;}
.site-rating b {display:block; color:#0DB9DD; font-size: 15px; margin-top:2px;}
.site-rating small {display:block;color: #8f95a3;font-size: 10px;}
.site-rating .kinopoisk {position:relative; float:left; height:46px; padding:0 20px 0 50px;}
.site-rating .kinopoisk:before {top: 0px; left: 0px; content: ""; width: 46px; height: 46px; position: absolute;background: url(../images/kinopoisk.png) no-repeat 0 0; background-size:90%;}
.site-rating .imdb {position:relative; float:left; height:46px; padding:0 0 0 50px;}
.site-rating .imdb:before {top: 0px; left: 0px; content: ""; width: 46px; height: 46px; position: absolute;background: url(../images/imdb.png) no-repeat 0 0; background-size:90%;}


4. В папку images заливаем 2 картинки: kinopoisk.png и imdb.png;
5. Готово!

Разберем детально содержимое скрипта:
1. Содержимое скрипта:
Код
/**
  * jQuery Kinopoisk Plugin 0.5
  *
  * Kinopoisk is a jQuery plugin that let you easily add to your web page movie rating informer. This informer shows
  * movie rating from kinopois.ru and imdb.com. It does not use any server side scripts. It use javascript and css files only.
  *
  * @name kinopoisk
  * @version 0.6
  * @requires jQuery v1.5.0+
  * @author Dmitry Shamin <dmitry.shamin@gmail.com>
  * @license Dual licensed under the MIT or GPL Version 2 licenses.
  *
  * Copyright 2012-2013, Dmitry Shamin
  */
!function(t){var e={movie:!1,url:"http://rating.kinopoisk.ru",range:10,fix:1,order:["kinopoisk","imdb"],kinopoisk_template:'<span class="kinopoisk" data-toggle="tooltip" data-placement="bottom" data-original-title="Рейтинг Кинопоиск"><b>$rating</b> <small>$vote</small></span>',imdb_template:'<span class="imdb" data-toggle="tooltip" data-placement="bottom" data-original-title="Рейтинг IMDB"><b>$rating</b> <small>$vote</small></span></span>',cache_time:864e5,no_data:"Нет данных",show_zero_rating:!0},a={init:function(a){return this.each(function(){var r=t(this),n=t.extend({},e,r.data(),a);for(var i in n)if("movie"==i){var o=n[i].toString().split("/");o.length>1?n[i]=o[4]:n[i]=o[0]}r.data({params:n}),r.kinopoisk2("getRating")})},getRating:function(){var e=t(this),r=e.data("params");if(!r.movie)throw"Не указан идентификатор фильма на кинопоиске (data-movie).";var n=a._getCache(e,r.movie);return n?a._showRating(e,n):void t.ajax({type:"GET",url:"http://query.yahooapis.com/v1/public/yql?q="+encodeURIComponent('select * from xml where url="'+r.url+"/"+r.movie+'.xml"')+"&format=xml&callback=?",dataType:"json",success:function(t){return n=a._setCache(e,r.movie,t.results[0]),a._showRating(e,n)},error:function(e){console.log(e),t.error(e.responseText)}})},_getCache:function(e,a){var r=e.data("params"),n=(new Date).getTime(),i=localStorage.getItem("movie_"+a);if(!i)return!1;var o=t.parseXML(i),s=t(o);return n-s.find("cache_time").text()>r.cache_time?(localStorage.removeItem("movie_"+a),!1):i},_setCache:function(e,a,r){var n=e.data("params"),i=(new Date).getTime(),o=localStorage.getItem("movie_"+a),s="<result>"+r+"<cache_time>"+i+"</cache_time></result>";if(o){var p=t.parseXML(o),c=t(p);i-c.find("cache_time").text()>n.cache_time?localStorage.setItem("movie_"+a,s):s=o}else localStorage.setItem("movie_"+a,s);return s},_showRating:function(e,r){var n=e.data("params");if(!r)throw'Проверьте правильность url "'+n.url+'"';var i=t.parseXML(r),o=t(i),s=o.find("kp_rating"),p=o.find("imdb_rating");if(0==s.text()&&0==s.attr("num_vote"))return n.no_data?e.html('<span class="kp_container">'+n.no_data+"</span>"):e;s.text(a.__roundRating(s,n.fix)),p.text(a.__roundRating(p,n.fix)),s.stars=a._getStar(s.text(),n.range),p.stars=a._getStar(p.text(),n.range);var c=a._getTemplate(n.kinopoisk_template,s),l=a._getTemplate(n.imdb_template,p);0==n.show_zero_rating&&(0==s.text()&&(c=""),0==p.text()&&(l=""));var m={kinopoisk:c,imdb:l},_="";for(var u in n.order)n.order.hasOwnProperty(u)&&"undefined"!=typeof m[n.order[u]]&&(_+=m[n.order[u]]);return e.hide().html('<span class="kp_container">'+_+"</span>").fadeIn()},__roundRating:function(t,e){return Math.round(parseFloat(t.text())*Math.pow(10,e))/Math.pow(10,e)},_getTemplate:function(t,e){return t.replace("$rating",e.text()).replace("$vote",e.attr("num_vote")).replace("$stars",e.stars)},_getStar:function(t,e){for(var a="",r=Math.round(t*e/10),n=1;e>=n;n++)a+=r>=n?"<span>★</span>":"<span>☆</span>";return a}};t.fn.kinopoisk2=function(e){try{if(a[e]){if("_"==e.charAt(0))throw"Нельзя вызывать приватный метод";return a[e].apply(this,Array.prototype.slice.call(arguments,1))}if("object"!=typeof e&&e)throw"Метод "+e+" не найден";return a.init.apply(this,arguments)}catch(r){t.error(r)}}}(jQuery),$(document).ready(function(){$(".kinopoisk2").kinopoisk2()});


2. Шаблон нашего скрипта Кинопоиска:
Код
<span class="kinopoisk" data-toggle="tooltip" data-placement="bottom" data-original-title="Рейтинг Кинопоиск"><b>$rating</b> <small>$vote</small></span>

Этот код отвечает за шаблон рейтинга Кинопоиска.
$rating - Общий рейтинг (число);
$vote - Это количество проголосовавших.

3. Шаблон нашего скрипта iMDB:
Код
<span class="imdb" data-toggle="tooltip" data-placement="bottom" data-original-title="Рейтинг IMDB"><b>$rating</b> <small>$vote</small></span>

Этот код отвечает за шаблон рейтинга iMDB.
$rating - Общий рейтинг (число);
$vote - Это количество проголосовавших.

Источник: www.nk-cs.ru
2017-12-10 Загрузок: 21 Просмотров: 1392 Комментарий: (20)

Поделиться в социальных сетях

Материал разместил

Комментарий: 20
Kosten
Kosten 2017-12-10 08:551
0
По сети еще старый скрипт от кино поиска ходит, что тоже на сайте есть, но заливал в то время, когда еще работал. Этот вообще в первые вижу, так как не встречал на кино сайтах.
na3uTuB4uk
na3uTuB4uk 2017-12-10 09:022
0
Я изначально и хотел старый использовать, но он оказался уже не рабочим. Пошарил по интернету, нашел этот и сделал его для uCoz. Установил его на новый шаблон и он отлично работает и выглядит.
na3uTuB4uk
na3uTuB4uk 2017-12-10 09:043
+1
Забыл указать, если хотите, чтобы рейтинг выводился не числом, а звездочками, то найдите в JS скрипе $rating (Кинопоиска и iMDB) и замените на $stars.
Kosten
Kosten 2017-12-10 09:114
0
Так про это и говорю, что под систему ты видать сделал новый, так как старый уже свое отработал.
BlackHARD
BlackHARD 2017-12-10 09:285
0
А я всё думаю, что это ты новый шаб не выставляешь))
na3uTuB4uk
na3uTuB4uk 2017-12-10 11:016
0
У меня выставлен он.
BlackHARD
BlackHARD 2017-12-10 11:307
0
Яж мониторю просто твой тестовый сайт, а когда ты его выставил я спал)))
avatar
budz678 2017-12-10 23:138
0
где взять такой вид материалов?
Kosten
Kosten 2017-12-11 00:009
0
Вероятнее с шаблона.
na3uTuB4uk
na3uTuB4uk 2017-12-13 14:5112
0
Это не вид материала, а страница материала и комментариев к нему. А взять можно вот с этого шаблона: ССЫЛКА НА ШАБЛОН.
Kosten
Kosten 2017-12-13 16:2713
0
Но а по сути, сам скрипт можно же запилить на вид материалов.
avatar
budz678 2017-12-11 23:0710
0
с какого ?
Kosten
Kosten 2017-12-11 23:5111
0
Здесь думаю нужно спрашивать у na3uTuB4uk, так как он пилит отличные шаблоны, и вероятнее с него был взят код.
max2000gavrilyk
max2000gavrilyk 2017-12-13 19:2814
-1
оцените пожалуйста спам
MAK
MAK 2017-12-13 21:4815
0
А где архив?
Kosten
Kosten 2017-12-13 22:2416
+1
Исправил, архив и также инструкция внутри по установке.
1 2 »
avatar