use jquery autocomplete with carousel for preview and selection

Question

Hi,

I've successfully used jquery autocomplete to display a list of matching images based on user input. The user experience isn't great though due to the number of potential matches - even with fairly prescriptive input.

I've found this example at nokia http://www.nokia.co.uk/support/download-software/device-software-update (I know it's written in flash) which would provide the ideal interface for what I'm trying to achieve.

Does anyone have any pointers for doing this using jquery autocomplete as a starting point? Or better still know of an existing javascript library that provides this functionality?

I'm using the latest release of jquery if that matters.

Thanks, Dave.

Answer 1

Try out one of the many lazy load image plugins, like this one:

http://www.appelsiini.net/2007/9/lazy-load-images-jquery-plugin

Answer 2

you can built a nice one by combining

1. http://jqueryui.com/demos/autocomplete/
2. http://api.jquery.com/category/ajax/
3. http://sorgalla.com/jcarousel/ or another one of your choice

• make a nornal use of Autocomplete and read this: jQuery UI Autocomplete, load results to a different location(div)?

After you have loaded the result to your desired position and in a form suitable for the carousel plugin! you have done!

Obviously read the documentation of each App for handle any possible variable! ;-)