WordPress.org

Ready to get started?Download WordPress

Forums

Image Rating Poll (5 posts)

  1. Vegas11
    Member
    Posted 8 years ago #

    Does anyone know if there is a plugin for WordPress that allows your blog to have a set of images with the option to select which image is the best and vote for it in a poll?

    I would love something to visually ask users to which image they prefer!
    I can't seem to find anything in this forum (a bit disjointed) but if it gets an answer I would be much appreciated from all you programmers.

    (Even if it was like one of the voting plugins here but with the ability to upload an image above the option).

    Cheers
    V (The Monkey)
    :)

  2. JesseHeap
    Member
    Posted 7 years ago #

    V,

    I was able to create an image poll by modifying the Democracy Image poll.

    Out of box, you can include images as voting options in the poll, but you may want to edit the layout to display the images horizonatally like we did on our wedding blog.

  3. louispang
    Member
    Posted 7 years ago #

    Hi Jesse,

    The image poll on your site looks GREAT. I am not much of a programmer. Do you mind the modified codes so I can install it in my blog: http://www.louispang.com/blog? Thanks!

  4. Lester Chan
    Member
    Posted 7 years ago #

    by inserting html codes for images as the answers of wp-polls, it will work. If you need help http://forums.lesterchan.net =)

  5. JesseHeap
    Member
    Posted 7 years ago #

    LouisPang,

    Thanks. My hacked version of democracy will not work for you cause I added some additional features to grab user information and store it in our newsletter manager.

    However try following these instructions:

    First thing you should do is include <img> tags as voting options through the wordpress options page for democracy. Example:

    <img src="http://www.pinkcakebox.com/images/cake128-circle.jpg" width="100" height="99"/>

    If that satisfies your requirements, you're done. By default the images will be vertical. To change that you'll have to add css to style them. I used the following CSS:

    .thumbnail
    {
    float: left;
    width: 150px;
    margin-left: 0 15px 15px 0;
    /*border: 1px solid #999;*/
    text-align:center;
    border: none;
    }

    So to take it a step further you could add the following as an example poll answer:

    <div class="thumbnail><img src="http://www.pinkcakebox.com/images/cake128-circle.jpg" width="100" height="99"/>
    </div>

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags