如何将来自fyneworks的Jquery星级评级的星形图像更改为不同的图像

时间:2010-11-03 16:14:24

标签: jquery image rating

我正在使用这个插件:http://www.fyneworks.com/jquery/star-rating

它包含一个star.gif(实际上包含三种不同颜色的星形),它只在引用的css文件中引用了这个gif一次:

div.star-rating,div.star-rating a{background:url(star.gif) no-repeat 0 0px}

我不想再使用star.gif了,而是在png格式中使用我自己的图像。我怎么能这样做?

我想有三种选择:

  1. 创建我自己的myGif.gif并在jquery-rating CSS中引用它(我不想要,因为我想使用我的.png-Images而我真的不懂gif而且不知道如何创建一个其中包括几张图片)

  2. 将CSS文件更改为引用我的.png-Images(这里的问题是gif包含三种不同颜色的星号,但是png只包含一个图像,因此颜色为明星不会再改变了)

  3. 也许更改Jquery-Rating Javascript文件以便它自动包含我的png?

  4. 你会推荐什么?怎么做?

3 个答案:

答案 0 :(得分:2)

这看起来很基本。只需更改css文件即可指向您的图像。这是唯一有意义的解决方案。

答案 1 :(得分:1)

您需要做的就是更改插件创建的DIV和As的背景图像,如下所示:

div.star-rating, div.star-rating a{
    background-image:url('/path/to/your/green-stars.gif');
}

这是我们做的一个例子: http://jsfiddle.net/tLuqJ/1/

以下是您可以用作制作自己颜色的基础的原始图像: http://jquery-star-rating-plugin.googlecode.com/svn/trunk/star.gif

答案 2 :(得分:-1)

在您自己的css文件中覆盖它:

 div.star-rating,div.star-rating a{
    background:url(myimg.png) no-repeat 0 0px !important;
 }