I'm looking into using CSS sprites, but wouldn't like to invent the wheel. Is there existing support in jQuery or jQuery UI? Or as an alternative, a well debugged jQuery plugin
jQuery UI is built on top of the jQuery JavaScript library, offering various interaction features, widgets and themes, implemented using jQuery, HTML, and CSS is one of the popular libraries used for the highly interactive, customized and visually appealing web UI development.
ui-widget-content : Class to be applied to content containers. Applies content container styles to an element and its child text, links, and icons. (can be applied to parent or sibling of header).
Using sprites depends on the amount of offset to the part of the position you want -- javascript can't access image data so how would there be such a thing?
There are some tools to help you make sprites and provide you with the base CSS however. Here's my favorite:
http://csssprites.com/
There are some good jquery-tool demos you can copy and then modify. They have good practices. I would start with the tab anchor demo, their stylesheet is well written.
@Mark: The tabs demo uses one image
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With