<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel>
<title>Snipplr</title>
<link>http://snipplr.com/tags/img</link>
<description>Recent snippets posted on Snipplr.com</description>
<language>en-us</language>
<pubDate>Thu, 23 May 2013 07:05:53 GMT</pubDate>
<item>
<title>(jQuery) jQuery Image Source Swap with attr() function - vijayrajesh</title>
<link>http://snipplr.com/view/69520/jquery-image-source-swap-with-attr-function/</link>
<description><![CDATA[ <p>I have made a small jQuery snippet to demo the image swapping with attr() funciton.  The demo uses 2 images with classes img1 and img2 respectively.  On a click of a button, the images are swapped.

Basically the script stores “src” value into a variable and then it is  used to swap 2 image sources.</p> ]]></description>
<pubDate>Thu, 17 Jan 2013 22:25:58 GMT</pubDate>
<guid>http://snipplr.com/view/69520/jquery-image-source-swap-with-attr-function/</guid>
</item>
<item>
<title>(CSS) CSS text shadows and border rounding - skopp</title>
<link>http://snipplr.com/view/66943/css-text-shadows-and-border-rounding/</link>
<description><![CDATA[ <p>1. Adding shadow to text – text-shadow
Helps make your text stand out from the rest.
2. border image rounding</p> ]]></description>
<pubDate>Wed, 29 Aug 2012 22:51:33 GMT</pubDate>
<guid>http://snipplr.com/view/66943/css-text-shadows-and-border-rounding/</guid>
</item>
<item>
<title>(CSS) styling image wraps - dkempdesigns</title>
<link>http://snipplr.com/view/66924/styling-image-wraps/</link>
<description><![CDATA[ <p>control text wrapping, add image size plus padding margin so that text does not float below images</p> ]]></description>
<pubDate>Tue, 28 Aug 2012 01:16:36 GMT</pubDate>
<guid>http://snipplr.com/view/66924/styling-image-wraps/</guid>
</item>
<item>
<title>(PHP) Quick img tag - claudiowebdesign</title>
<link>http://snipplr.com/view/58227/quick-img-tag/</link>
<description><![CDATA[ <p>If you keep all image files to be displayed in a directory this could be a quicker and simplier way to write the proper tag</p> ]]></description>
<pubDate>Sat, 27 Aug 2011 05:55:40 GMT</pubDate>
<guid>http://snipplr.com/view/58227/quick-img-tag/</guid>
</item>
<item>
<title>(Other) ie7 Images optimization - LukeLux</title>
<link>http://snipplr.com/view/55695/ie7-images-optimization/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Sat, 25 Jun 2011 06:46:55 GMT</pubDate>
<guid>http://snipplr.com/view/55695/ie7-images-optimization/</guid>
</item>
<item>
<title>(CSS) Consistant fixed background image - icecreamboyy</title>
<link>http://snipplr.com/view/52718/consistant-fixed-background-image/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 28 Apr 2011 11:17:51 GMT</pubDate>
<guid>http://snipplr.com/view/52718/consistant-fixed-background-image/</guid>
</item>
<item>
<title>(jQuery) Broken image detection with jquery - coder_</title>
<link>http://snipplr.com/view/49422/broken-image-detection-with-jquery/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Tue, 22 Feb 2011 22:31:43 GMT</pubDate>
<guid>http://snipplr.com/view/49422/broken-image-detection-with-jquery/</guid>
</item>
<item>
<title>(HTML) R2C TextMate Bundle - Image (img) - r2cgroup</title>
<link>http://snipplr.com/view/48751/r2c-textmate-bundle--image-img/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 10 Feb 2011 11:34:54 GMT</pubDate>
<guid>http://snipplr.com/view/48751/r2c-textmate-bundle--image-img/</guid>
</item>
<item>
<title>(PHP) image bas64 - dexter</title>
<link>http://snipplr.com/view/47109/image-bas64/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Fri, 14 Jan 2011 05:45:25 GMT</pubDate>
<guid>http://snipplr.com/view/47109/image-bas64/</guid>
</item>
<item>
<title>(jQuery) Alterar imagem - hover - rbulgueroni</title>
<link>http://snipplr.com/view/42641/alterar-imagem--hover/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 21 Oct 2010 04:24:49 GMT</pubDate>
<guid>http://snipplr.com/view/42641/alterar-imagem--hover/</guid>
</item>
<item>
<title>(CSS) Bild zentrieren - orangelemon</title>
<link>http://snipplr.com/view/41747/bild-zentrieren/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 07 Oct 2010 18:52:53 GMT</pubDate>
<guid>http://snipplr.com/view/41747/bild-zentrieren/</guid>
</item>
<item>
<title>(JavaScript) Alt image loaded script - tennison</title>
<link>http://snipplr.com/view/40422/alt-image-loaded-script/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Mon, 13 Sep 2010 20:43:22 GMT</pubDate>
<guid>http://snipplr.com/view/40422/alt-image-loaded-script/</guid>
</item>
<item>
<title>(JavaScript) JS detect if img loaded - tennison</title>
<link>http://snipplr.com/view/40421/js-detect-if-img-loaded/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Mon, 13 Sep 2010 20:41:53 GMT</pubDate>
<guid>http://snipplr.com/view/40421/js-detect-if-img-loaded/</guid>
</item>
<item>
<title>(CSS) HTML Email Remove Image Whitespace - nfourtythree</title>
<link>http://snipplr.com/view/38774/html-email-remove-image-whitespace/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Mon, 09 Aug 2010 19:26:49 GMT</pubDate>
<guid>http://snipplr.com/view/38774/html-email-remove-image-whitespace/</guid>
</item>
<item>
<title>(CSS) CSS: Printer Friendly Header Visibility Styles - karlhorky</title>
<link>http://snipplr.com/view/36887/css-printer-friendly-header-visibility-styles/</link>
<description><![CDATA[ <p>When developing a website, an important consideration is accessibility on other media, including the medium of print. However, the printing engines of most browsers render content differently to allow for simple printed pages. One of the most notable differences is the omission of background images by default in modern browsers' print output. Background images are commonly used for header elements, which causes missing branding in the resulting printed pages.
 
One option defined in this snippet is to add markup after your normal header for a 0 pixel by 0 pixel `` element (your print version header), and then style the two headers as invisible and visible based upon the stylesheet medium. So when you're viewing the screen version of the page the normal header will be visible and the print header will be an invisible element with a width and height of 0 pixels. With the print version of the page the normal header will not be displayed at all and the print header will be a visible element that is floated and correctly sized.

This solution has been tested to work in:

*  Microsoft Internet Explorer 6, 7, 8
*  Mozilla Firefox 3.6
*  Google Chrome 5
*  Apple Safari 4
*  Opera 10</p> ]]></description>
<pubDate>Thu, 08 Jul 2010 04:43:28 GMT</pubDate>
<guid>http://snipplr.com/view/36887/css-printer-friendly-header-visibility-styles/</guid>
</item>
<item>
<title>(ColdFusion) Serve Create image through IMG - ChrisCantley</title>
<link>http://snipplr.com/view/36426/serve-create-image-through-img/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Tue, 29 Jun 2010 00:35:08 GMT</pubDate>
<guid>http://snipplr.com/view/36426/serve-create-image-through-img/</guid>
</item>
<item>
<title>(jQuery) simple jquery rollover - Mosaic</title>
<link>http://snipplr.com/view/32129/simple-jquery-rollover/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Fri, 16 Apr 2010 07:34:07 GMT</pubDate>
<guid>http://snipplr.com/view/32129/simple-jquery-rollover/</guid>
</item>
<item>
<title>(Bash) Create img tag that includes width and height values - nijgnet</title>
<link>http://snipplr.com/view/30671/create-img-tag-that-includes-width-and-height-values/</link>
<description><![CDATA[ <p>Usage:
`imgsize [file(s)]`</p> ]]></description>
<pubDate>Thu, 01 Apr 2010 02:16:53 GMT</pubDate>
<guid>http://snipplr.com/view/30671/create-img-tag-that-includes-width-and-height-values/</guid>
</item>
<item>
<title>(jQuery) suavizar imágenes redimensionadas en IE - marcio</title>
<link>http://snipplr.com/view/27053/suavizar-imgenes-redimensionadas-en-ie/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Mon, 25 Jan 2010 16:22:26 GMT</pubDate>
<guid>http://snipplr.com/view/27053/suavizar-imgenes-redimensionadas-en-ie/</guid>
</item>
<item>
<title>(jQuery) Simple Slideshow - luizlopes</title>
<link>http://snipplr.com/view/24619/simple-slideshow/</link>
<description><![CDATA[ <p>$('.fadein').slideShow(300);</p> ]]></description>
<pubDate>Fri, 11 Dec 2009 12:43:53 GMT</pubDate>
<guid>http://snipplr.com/view/24619/simple-slideshow/</guid>
</item>
</channel>
</rss>