Promtumenu is a j-Query plugin that allows you to display list items in a similar way to an iPhone / Android mobile home screen...

What does it do?

This plugin is intended to create iPhone or Android-like experience by creating a window with a menu.

You must be familiar with the concept of iPhone or Android homescreen... You have the window, and icons of various utilities. If the count of icons exceeds the space on the menu, a new page is created. By swiping with a finger you can see the next page, and interact with the icons there.

This plugin does exactly the same. All you have to do is provide an unordered list with your elements you want to use (list of users, products or other kinds of data). And then call promptumenu plugin simply by $('ul.my_list').promptumenu();

What makes this plugin special is the fact it tries to preserve the dynamic experience you get when swiping on an iPhone or Android.. So if user opens the page with a mobile device like Android, iPhone, iPad or iPod, he/she will be able to swipe with their fingers to get onto the next screen.

Another good advantage is that when using a mouse, the plugin takes in mind the momentum with which you are moving the mouse... So the list moves with inertia after you release the mouse click.

 

Usage example :

$('ul').promptumenu({
    width:500,
    height:500,
    rows: 4,
    columns: 4,
    direction: 'horizontal',
    pages: true
});
  
Other examples, parameters, dependancies & setting-up information can be found here : http://natrixnatrix89.github.com/promptu-menu/

 

comments powered by Disqus