带星级评分脚本的彩盒

时间:2014-05-01 16:50:34

标签: jquery colorbox rating-system

我使用Colorbox http://www.jacklmoore.com/colorbox/并希望在'#cboxTitle'中整合星级评分脚本http://boedesign.com/blog/2007/02/18/ajax-star-rating/

经过多次尝试,它可以使用'$(“#inline_content”)。appendTo(“#cboxTitle”)'如脚本中所示。 问题是我没有在'echo pullRating(带有inline_content的div中的$ imageid,...')中获得星级评分脚本的实际显示图像的正确Imageid。

在这种情况下,我只从数据库中的最后一张图片中获取Imageid ...

while循环中带有inline_content的div会破坏我的布局,并且内部会出现'pullRating'函数 'title:function(){'画廊不起作用。

如何为星级评分脚本获取正确的Imageid或有更好的方法将星级评级整合到Colorbox中吗?

非常感谢您的任何建议!

<div style="float:left;width:820px;">
<ul class="gallerx">
<?php
$query = "SELECT imageid, name, url, thumburl, title FROM images";
$result = $mysqli->query($query);
while ($row = mysqli_fetch_array($result))
  {
$name = $row['name'];
$imageid = $row['imageid'];
$imageurl = $row['url'];
$thumburl = $row['thumburl'];
$imagetitle = $row['title'];
?>

<li style="width:120px;height:80px;"><a class="gallery" href="<?php echo $imageurl;?>" title="<?php echo $imagetitle; ?>"><img src="<?php echo $thumburl; ?>" style="max-width:80px; max-height:80px;" title="<?php echo $imagetitle; ?>"></a></li>

<?php
}
?>
</ul>   
</div>


    <div style='display:none'>
        <div id='inline_content'>
        <div style="margin:30px 0 0 200px;width:220px;"><?php echo pullRating($imageid,true,false,true,NULL); ?></div>
        </div>
    </div>  


<script type="text/javascript">
$('a.gallery').colorbox({
rel:'gallery', 
transition:"none", 
width:"75%", 
height:"75%",

title: function(){
return $("#inline_content").appendTo("#cboxTitle"); 
}
});
</script>   

1 个答案:

答案 0 :(得分:0)

使用php生成照片,从sql中读取实际照片ID并将id放入会话中。 对照片进行评级时,请按会话的ID读取实际ID的更新评级。