New contributions will not be accepted but for the sake of people still using this script I am leaving it around for the time being. There are no doubt much better ways to do the same thing but, that said, if you would like to continue development feel free to fork or request ownership of the repo. Or choose a library that does this already.
Extends the functionaility of the Chosen plugin by Harvest to display inline images in dropdown menus
Add attribute data-img-src to <option> items with the source of your image file.
<select data-placeholder="Choose a Project..." class="my-select" style="width:350px;" tabindex="2">
<option data-img-src="chosenImage/flag-red.gif">Project A</option>
<option>Project B</option>
</select>Use chosenImage() in place of chosen() passing in the same properties:
$(".my-select").chosenImage({
disable_search_threshold: 10
});All properties of chosen() are available through chosenImage()
By default images are resized to 19px tall in chosenImage.css
- jQuery 1.4+
- Chosen