Geek Answers Handbook

JQuery image picker

I am looking for a jQuery image selector plugin that allows me to do the following:

  • Display a group of images and allow the user to select one (and only one) by clicking it
  • If the user does not like any of these images, he should be able to upload his own

Just # 1 will be enough, as I can add code for # 2, if necessary

It is not so difficult to do, I know, but if there is a standard plugin that people use for this, I would rather use it than reinvent the wheel.

+6
javascript jquery jquery-plugins
source share
3 answers

Something like that? I don’t know if there is a plugin, but it seems very 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") ); });
+7
source share

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

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

+11
source share

Have you tried this:

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

Allows you to change the selection box in an image picker based on a JQueryUI modal block.

I searched for something like this for a long time and, finally, had to develop it myself. So maybe you will find it useful too.

0
source share

More articles:


All Articles