Apply CSS to image when browsing directly to it

This is probably a stretch, but is it possible to add css to an image in say the URL bar? For example, if I go directly to http://yoursite.com/someimage.p开发者_JS百科ng, can I apply css to it without embedding it in a html page?

---

Nope. When the HTTP response returns the binary image data only and not an HTML page there isn't a way for you to control how it is displayed.

---

As coreyward has already said, it's not possible to do this with just an image in the browser.

To add something of extra value, what you can do is a bit of url rewrite magic on the server. You can rewrite all requests for images to go to a specific page that handles the request.

In this way you'll be able to do which ever manipulations you'd like too.

---

No, that won't work. CSS is used to style the HTML, in case of images the img-tag, but not the picture itself.

---

You could probably use a mod_rewrite in your .htaccess that reroutes direct accesses of the image to a page that just includes the image and styles it. But then you have embedded it in a webpage, which isn't what you asked for. Also, you'd have to be careful to ensure that when your site includes the image the rewrite isn't used.

It would go something like:

RewriteCond %{HTTP_REFERER} !^http://(.+\.)?yoursite\.com/ [NC]
RewriteRule /(.*\.png)$ myimagehandler.php?img=$1  [QSA,L]

Where myimagehandler.php would include the image based on the query string and style it as you like.