jQuery image picker

Question

I\'m looking for a jQuery image picker plugin that allows me to do the following:

1. Display a group of images and let the user select one (and only one) by clicking

Answer 1

Something like this? i dont know if there is plugin but is seems really simple

// HTML
<div id="image_container">
    <img src="blabla" />
    <img src="blabla" />
    ...
</div>
<form ...>
    <input id="image_from_list" name="image_from_list" type="hidden" value="" />
    <input id="image_from_file" name="image_from_file" type="file" />
</form>
// JS
$('div#image_container img').click(function(){
    // set the img-source as value of image_from_list
    $('input#image_from_list').val( $(this).attr("src") );
});

Answer 2

Have you tried this:

https://code.google.com/p/select-to-image-picker-jquery/

It lets you to change select box into image picker based on JQueryUI modal box.

I was looking for something like this a long time and finally needed to develop it by myself. So maybe you will find useful too.

Answer 3

I know this has already been answered but I actually developed a library that address the first problem. You can check it out here:

http://rvera.github.com/image-picker/