DdSlick - a jQuery plugin for custom drop down with images. With traditional drop downs i.e. using <select><option></option></select> you are limited to only text and value. But with this easily configurable jquery plugin, you can now create a custom drop down that can very well include images, a short description, along with your usual text and value. Take a look at the following demos in action. 1Basic Drop down using JSON Source: When using JSON to populate, the plugin requires the specific data format. 2Render from HTML select options //Make it slick!
Use HTML5 data attributes data-imagesrc and data-description with your regular HTML select elements to add images and description. 3GET Selected Dropdown Option You may use jquery .data() with your selector to get data from plugin. SelectedIndex (0 based), selectedItem (HTML 'li' element), selectedData (nested object with text, value, description, imageSrc) 4SET selected Dropdown Option Try an index between 0 to 4 5Callback Function on Dropdown Selection 6Dropdown with default selection.
Select2 3.0. jQuery Masonry. Galleria – The JavaScript Image Gallery. Slides, A Slideshow Plugin for jQuery.