Image Picker

Image Picker is a simple jQuery plugin that transforms a select element into a more user friendly graphical interface.

Installation

Just download the latest build and add the corresponding .js and .css to your assets directory

Example

<select class="image-picker-1" >
	<option data-img-src="http://lorempixel.com/350/200/?11" >1</option>
	<option data-img-src="http://lorempixel.com/300/300/?12" >2</option>
	<option data-img-src="http://lorempixel.com/400/200/?13" >3</option>
	<option data-img-src="http://lorempixel.com/300/200/?14" >4</option>
	<option data-img-src="http://lorempixel.com/300/200/?15" >5</option>
	<option data-img-src="http://lorempixel.com/300/200/?16" >6</option>
	<option data-img-src="http://lorempixel.com/300/200/?17" >7</option>
</select>
<script type="text/javascript" >
	$('.image-picker-1').imagePicker();
</script>

Doc and examples

http://maj-x.github.io/image-picker