jQuery UI Library and Images

Question

Hi,

I have a question with regards to using jQuery UI library.

Basically, I have noticed that the library makes calls to images using url("images/abc.png") etc and so when using this library in my web app, I am getting alot of images not found that also seem to stall the some of my pages.

Anyways, based on this, am I suppose to create a images directory to cater for these url image calls and place all these images used throughout the jQuery UI library in this directory or does jQuery do something in the backend?

What is the correct way of using such libraries and ensuring that all required resources are found?

Is there any doco that I can be pointed to that will assist me in understanding how this works.

Thanks.

Answer 1

The images for jQuery UI are included in the download, just unzip it all and use the images folder that's included beside the .css you're already including.

Alternatively, if you're using one of the default themes you can include the CSS from the Google CDN and it'll pull the images from there. Here's the jQuery UI 1.8.4 blog post that has a link to each theme's CSS: http://blog.jqueryui.com/2010/08/jquery-ui-1-8-4/

For an earlier version just replace the version in the url, for example:

• 1.8.4: http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/base/jquery-ui.css
• 1.8.2: http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery-ui.css
• Latest 1.8: http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css
• 1.7.2: http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css

You get the idea, just put the appropriate version in :)