Следите за новостями любимого конструктора сайтов uCoz в социальных сетях!
Попробуйте установить в вид материалов в нужно месте такой код:
<span id="entRated$ID$" itemprop="bestRating">Рейтинг: 5/<span itemprop="worstRating" content="$RATED$">$RATED$</span></span>
должно работать. Этот код выше заверните в условие - <?if($RATING$)?> <?endif?>
Хорошо, а как тогда связать с моим кодом на сайте?
<!-- Скрипт оценки фотографий --> <script type="text/javascript"> likePlus = function (c, d, f, g) { if (typeof d == 'undefined' || typeof c == 'undefined' || (c != 1 && c != -1)) return false; c += 2; if (!f) f = location.pathname.match(/[^\\\/]+/i) + ''; if (!f) return false; var h = $('#rate_' + d); g = $.extend({ 'before': function (a) { }, 'after-success': function (a, b) { document.getElementById('frs2' + d).innerText++ a.html(b).addClass(b > 0 ? 'positiveRate' : (b == 0 ? 'nullRate' : 'negativeRate')); }, 'after-error': function (a) { try {eval(a)} catch (e) {} } }, g || {}); g.before(h); $.post('/' + f + '/', {'a': '65', 'id': d, 'mark': c, 'mod': f, 'ajax': '2'}, function (a) { a = $('cmd:first', a).text(); var b = a.match(/Рейтинг:\s*([\d.]+)\/(\d+)/i); if (!b) return g['after-error'](a); b = Math.round(b[1] * b[2]) - 2 * b[2]; g['after-success'](h, b) }) } function getClass(nameid, nameclass) { document.getElementById(nameid).className=nameclass } </script>
<?if($RATING$)?> <span onclick="likePlus(1,$ID$,'photo');return false" class="likepos_full"> <span id="hr2$ID$" class="likeplus" title="Мне нравится!"></span><span class="likex_full" id="frs2$ID$">$RATED$</span> </span> <?endif?>
/* Оценка фотографий */ .likeplus, .likeplus_full {font-size:1pt;background:url('/img/like_.png') top;width:24px;height:24px;overflow:hidden;cursor:pointer;margin-right:4px;margin-top:0px;} .likeplus:hover {background:url('/img/like_.png'); background-position:0 24px;} .likeplus_full {background:url('/img/like_2.png') top;width:20px;height:20px;} .likeplus_full:hover {background:url('/img/like_2.png'); background-position:0 20px;} .likex, .likex_full {font-size:11px;font-weight:bold;padding:3px 6px;background:rgba(146, 211, 225, 0.7);border-radius:10px;position:absolute;width:80%;} .likex {margin-top:-89%;margin-left:40%;} .likeplus, .likex, .likex_full {display: inline-block;} .likepos, .likepos_full {cursor:pointer;height:16px;position: absolute;margin-top: -18px;margin-left: 76%;} .likepos_full {margin-top: -0.5%; margin-left: 49%;}
Страничка с примером:
http://sergeykov.usite.pro/photo/priroda_tomskoj_oblasti/zima/imag1051/5-0-3#casing
Надо сделать так, чтобы если пользователь оценивал, то цветное сердечко, а если нет, то серое....
Как правильно составить условие с переменными?
В данном случае будет меняться значение в css позиция фонового рисунка:
.likeplus_full {background:url('/img/like_2.png') top;width:20px;height:20px;} .likeplus_full:hover {background:url('/img/like_2.png'); background-position:0 20px;}