background preloader

DdSlick - a jQuery plugin for custom drop down with images

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

Jcrop Image Cropping Demos Hello World! This is the most basic example of Jcrop implementation. Since no event handlers are attached, it's not very exciting, but displays the out of box functionality. Attach it to any image on your page with the simple code below, and start cropping! These demos have been adapted for display on this website. jqPlot Charts and Graphs for jQuery The Latest jQuery Plugins And Tools That You Should Check Out - 35 Items You can never have too many tools to ease your work, especially because new ones substitute old ones, having better functionality and smaller sizes. In this article you will find a collection of various tools and jQuery plugins for each and everyone of you. I tried to gather tools for individuals who work as web designers and developers. This Is Responsive CSSFontStack SwipeView SwipeView is the super simple solution to endless seamlessly loopable carousels for the mobile browser. enquire.js: Awesome Media Queries in JavaScript TideSDK TideSDK formerly known as Titanium Desktop is the best way to create beautiful, unique desktop apps using your web development skills. Sitecake: Simple, drag and drop CMS for fast editing The JavaScript Database Have you ever noticed how JavaScript object literals look a lot like records? BrandColors Yeoman Yeoman is a robust and opinionated set of tools, libraries, and a workflow that can help developers quickly build beautiful, compelling web apps. BigScreen ioDeck

Related: