The plugins site is currently in development.
We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.
9-Grid Background Image Scaling
This plugin adds support for scaling background images using a 9-grid. Developers can specify a grid for selected elements which causes the background-image to be scaled selectively, depending on what part of the grid the background lies.
Parts of the background which lie in the corners of the grid will not be scaled and parts in the sides of the grid will only be scaled in one direction. 9-Grid scaling can be applied to an element through one line of code:
$('#elementid').scale9Grid({top:10,bottom:10,left:10,right:10});Where the top, bottom, left, and right values define the scaling grid.
Reasons to Use 9-Grid Scaling
- No more slicing up images into multiple files
- No more tedious styling and structural markup for the same effect
- Achieve rounded corners
- Achieve drop shadows
- Complex fluid backgrounds
