Im using this plugin: http://www.fyneworks.com/jquery/star-rating
It includes a star.gif (which actually contains the star in three different colors) and it only references this gif within the included css-file once:
div.star-rating,div.star-rating a{background:url(star.gif) no-repeat 0 0px}
I dont want to use the star.gif anymore but instead use my own images in png Format. How can I do that?
I guess there would be three options:
-
Create my own myGif.gif and reference it in the jquery-rating CSS (which I dont want, because I want to use my .png-Images and I dont really understand gif and dont know how to create one which includes several images)
-
Change the CSS-File to it references my .png-Images (the problem here would be that the gif contains the star in three different colors, but a png only contains a single image, so the color of the star wont change anymore)
-
Maybe change the Jquery-Rating Javascript Files so that it includes my pngs automatically?
What would you recommend? And how to do it?
This seems pretty basic. Just change the css file to point to your images. It’s really the only solution that makes sense.