May 30, 2012

ddSlick – Drop-downs with Images

A free light weight jQuery plugin that allows you to create a custom drop down with images and description.

What is so cool about this plugin!

  • Adds images and description to otherwise boring drop downs.
  • Allows JSON to populate the drop down options.
  • Converts your HTML select element to ddSlick.
  • Uses Minimum css and no external stylesheets to download.
  • Supports callback functions on selection.
  • Works as good even without images or description!

Why is this plugin useful

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.

The data source that populates the drop-down options is JSON and there are multiple options for customizing the functionality. The look & feel can be changed as well (very few styles used).

There is also a callback function that is fired when an option is selected (which is good for auto-modifying a hidden form for a possible submit, etc.).

Requirements: jQuery
Compatibility: All Major Browsers
Website: http://designwithpc.com/Plugins/ddSlick

 

 

jQuery # , , ,
Share: / / /

You might also like

Leave a Reply

Your email address will not be published. Required fields are marked *

Pin It on Pinterest

Share This