Подключен данный плагин, вопрос в следующем есть галерея изображений supersized, как видно из кода при наведении на блок okoloPan появляется рейтинг, который получает через ajax рейтинг соответствующего изображения, и вставляем его в то место которое отвечает за отображение закрашенных звезд. Вопрос почему после первого отображения рейтинга (правильного для данного изображения) он начинает отображаться для каждого последующего изображения?
</script>
<!--Панель задач-->
<div id="okoloPan">
<div id="panelZa">
<div class="rating">
<input id="val" type="hidden" name="val" value=""/>
<input type="hidden" name="votes" value="2"/>
<input type="hidden" name="vote-id" value="voteID"/>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#zagr').hover(function() {
$('#zagr').css('background-image', 'url(images/zagr.png)');
},
function() {
$('#zagr').css('background-image', 'url(images/zagr2.png)');
});
$('#redak').hover(function() {
$('#redak').css('background-image', 'url(images/redak.png)');
},
function() {
$('#redak').css('background-image', 'url(images/redak2.png)');
});
$('#panelZa').hide();
$('#okoloPan').mouseenter(function() {
$('#panelZa').fadeIn(1000);
var slide_com = $("li[class*='activeslide']").attr("comment");
var com = { com : slide_com };
$.ajax({
type: 'POST',
url: 'action/queryReiting.php',
data: com,
success: function(data) {
$('#val').attr('value', data[0]);
$('#zag').attr('href', data[1]);
$('div.rating').rating({
image: 'images/stars.png',
loader: 'images/ajax-loader.gif',
url: 'rating.php'
});
},
dataType: "json"
});
});
$('#okoloPan').mouseleave(function() {
$('.rating').html('');
$('#panelZa').fadeOut(1000);
});
});
</script>