WordPress.org

Ready to get started?Download WordPress

Plugin Directory

CSS Thumbnail Sprites

Simple plugin for creating sliding door CSS sprites out of uploaded images with a range of image effects.

  1. css-thumbnail-sprites screenshot 1

    Over view of the interface. (1) Set the unique identifier that you will later use to reference your image within your wordpress site. WordPress will register this as a custom image size. (2) Set sprite dimensions Specifies the sprite image size dimensions in pixels. (3) Set sprite jpg quality Set the level of jpg compression on any jpg images you upload. 100 is best quality. Default is 95. (4) Set sprite png quality Set the level of png compression for any png images you upload. 0 is best quality. (5) Set image effect on sprite Choose the image effect to apply to your CSS sprite. Depending on what option you select, further configuration options may display. (6) Set image effect position Controls the position of the image effect on the sprite. Select for the image effect to appear at the top of the sprite. Deselect for it to appear at the bottom. (7) Remove Sprite Will remove sprite data for the selected sprite. Only actually removes content when options are saved. (8) Add new CSS Sprite to plugin sprite list (9) Save Sprite Options Saves options. All options are validated.

  2. css-thumbnail-sprites screenshot 10

    Contrast. Applies a contrast filter to an image.Set contrast amount using slider. Range(-100 to 100). Default amount is: -10.

  3. css-thumbnail-sprites screenshot 11

    Colourise. Applies a colourise filter to an image. Set colourisation options via the three sliders. Value range is -255 to 255. 0 represents no change. Tip: Use arrow keys for small adjustments.

  4. css-thumbnail-sprites screenshot 12

    Sepia. Applies a quick sepia filter to an image. No configurable options.

  5. css-thumbnail-sprites screenshot 13

    Brightness. Applies a brightness filter to an image. Adjust brightness values using sliders. Value range is -255 to 255. 0 represents no change. Tip: Use arrow keys for small adjustments..

  6. css-thumbnail-sprites screenshot 14

    Pixellate. Applies a pixellation filter to an image. Adjust pixel block size value using slider. Value range is 0 to 100. 0 represents no change. Tip: Use arrow keys for small adjustments.

  7. css-thumbnail-sprites screenshot 15

    Selective Blur. Applies a selective blur filter to an image. No configurable options.

  8. css-thumbnail-sprites screenshot 16

    Scatter. Applies a pixel scatter filter to an image. Adjust scatter X and Y values using sliders. Value range is 0 to 100. 0 represents no change. Tip: Use arrow keys for small adjustments.

  9. css-thumbnail-sprites screenshot 17

    Flea. Applies a Flea (random OR) filter to an image. No configurable options.

  10. css-thumbnail-sprites screenshot 2

    Greyscale. Applies greyscale filter to image. No configurable options.

  11. css-thumbnail-sprites screenshot 3

    Greyscale Except Red. Applies greyscale filter to image but leaves the RED channel untouched. No configurable options.

  12. css-thumbnail-sprites screenshot 4

    Greyscale Except Green. Applies greyscale filter to image but leaves the GREEN channel untouched. No configurable options.

  13. css-thumbnail-sprites screenshot 5

    Greyscale Except Blue. Applies greyscale filter to image but leaves the BLUE channel untouched. No configurable options.

  14. css-thumbnail-sprites screenshot 6

    Greyscale Except. Applies greyscale filter to image but leaves the YELLOW channel untouched. No configurable options.

  15. css-thumbnail-sprites screenshot 7

    Greyscale Colourise. Colourises a greyscale image. Set image colourisation via the colour select box, or manually enter a HTML hex colour.

  16. css-thumbnail-sprites screenshot 8

    Greyscale Photo Negative. First applies a greyscale filter and then a photo negative filter to an image. No configurable options.

  17. css-thumbnail-sprites screenshot 9

    Photo Negative. Applies a photo negative filter to an image. No configurable options.

Requires: 3.0.1 or higher
Compatible up to: 3.5.2
Last Updated: 2012-12-19
Downloads: 4,131

Ratings

5 stars
5 out of 5 stars

Support

0 of 1 support threads in the last two months have been resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
1 person says it's broken.

0,1,0