star rating image

Posted on 2011-10-03
Last Modified: 2013-12-12
how do you make a star image that will be the voting engine for say a color. im referring to this article because it has the images in a photo shop .psd and the database table and logic for the basic of the function.

1. what i want to do is have a star that will show the default rating which will be a query from the database.
2. then on hover the star will be blank so that it can be rated on click it will insert info to database.
3. and it will call the database query again to get the updated rating.
4. rate is to be based on avg. on a 5 star image.
5. and can be in 1/2 increments per the images

thanks in advance for your help!
Question by:only1wizard
    LVL 15

    Expert Comment

    by:Eyal will be a good place to start :)
    LVL 107

    Accepted Solution

    Go to the article

    Scroll down to the comments.

    See if you can see the last author comment.  You should be able to download the PNG images there.  They are 2000x400 pixels.  You can use GIMP or Photoshop to resize them to any dimension you want.  Personally, I find it easier to get good images by working with larger images and then resizing them to smaller images.  In the programming example I resized the PNG images down to 80x16.
    LVL 81

    Expert Comment


    Featured Post

    6 Surprising Benefits of Threat Intelligence

    All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

    Join & Write a Comment

    Suggested Solutions

    Someone recently asked me about how to display a progress indicator on a page while an iframe is loading. And I remember when I first came across this myself. It was a bit tricky to get my head around, but really, it's very simple. The most impor…
    Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
    The viewer will learn how to count occurrences of each item in an array.
    The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

    746 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    15 Experts available now in Live!

    Get 1:1 Help Now