<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>dom111.co.uk &#187; image captions</title>
	<atom:link href="http://www.dom111.co.uk/blog/tag/image-captions/feed" rel="self" type="application/rss+xml" />
	<link>http://www.dom111.co.uk/blog</link>
	<description>Move along. Nothing to see here.</description>
	<lastBuildDate>Wed, 14 Jul 2010 19:30:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>jQuery &#8211; Automatic Image Captions</title>
		<link>http://www.dom111.co.uk/blog/coding/jquery-automatic-image-captions/83</link>
		<comments>http://www.dom111.co.uk/blog/coding/jquery-automatic-image-captions/83#comments</comments>
		<pubDate>Wed, 22 Apr 2009 11:25:07 +0000</pubDate>
		<dc:creator>dom111</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[image captions]]></category>
		<category><![CDATA[tinymce]]></category>

		<guid isPermaLink="false">http://www.dom111.co.uk/blog/?p=83</guid>
		<description><![CDATA[Lots of RTEs allow you to add images and float them, but not many allow for simple captions to be wrapped around the images&#8230; This script in conjunction with jQuery allows just that&#8230; Very simple and fairly unobtrusive. If you wanted to add captions to all images (from their longdesc, title or alt attributes) within [...]]]></description>
			<content:encoded><![CDATA[<p>Lots of RTEs allow you to add images and float them, but not many allow for simple captions to be wrapped around the images&#8230;</p>
<p>This script in conjunction with jQuery allows just that&#8230; Very simple and fairly unobtrusive.</p>
<p>If you wanted to add captions to all images (from their longdesc, title or alt attributes) within &lt;div class=&#8221;content&#8221;/&gt; you could do:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'div.content'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">addCaptions</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>Which produces something like this:</p>
<div class="wp-caption alignnone" style="width: 469px"><img class=" " title="jQuery Add Captions - Screenshot" src="http://www.dom111.co.uk/files/jquery-addcaptions/screen.png" alt="jQuery Add Captions - Screenshot (Like this!)" width="459" height="378" /><p class="wp-caption-text">jQuery Add Captions - Screenshot (Like this!)</p></div>
<p>No styling is carried out by the script itself, so you&#8217;ll have to add in some extra classes, but in the zip file should be everything you need to get started (including jQuery 1.3.2 minified).</p>
<p><a href="http://www.dom111.co.uk/files/jquery-addcaptions/jquery-addcaptions-0.1.zip">Download</a></p>
<p><strong>Edit</strong>: Added to <a href="http://reactor.datasouth.co.uk/jquery-addcaptions-01/9">the work blog</a> too.</p>
<p><strong>Update</strong>: I have updated the script, see <a href="/blog/coding/jquery-addcaptions-0-2-minor-update/">this post</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dom111.co.uk/blog/coding/jquery-automatic-image-captions/83/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
