<?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>It's Called Web Design &#187; random</title>
	<atom:link href="http://itscalledwebdesign.com/tag/random/feed/" rel="self" type="application/rss+xml" />
	<link>http://itscalledwebdesign.com</link>
	<description>Web 2.0 is so 2004. . . .</description>
	<lastBuildDate>Fri, 27 Jan 2012 16:59:14 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Random Image</title>
		<link>http://itscalledwebdesign.com/tutorials/random-image/</link>
		<comments>http://itscalledwebdesign.com/tutorials/random-image/#comments</comments>
		<pubDate>Wed, 03 Dec 2008 21:13:56 +0000</pubDate>
		<dc:creator>eckert</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[random]]></category>
		<category><![CDATA[randomizer]]></category>
		<category><![CDATA[rotator]]></category>

		<guid isPermaLink="false">http://itscalledwebdesign.com/?p=592</guid>
		<description><![CDATA[Do you want to have a group of random images pop-up on the page using PHP? Before we go any further, this does not allow each image to link to a different location. Copy this code into your header and modify it to represent wherever the images are located: &#60;style type="text/css"&#62; #randomimage { background:url(http://yourdomain.com/imagesfolder/randomimage&#60;?php echo [...]]]></description>
			<content:encoded><![CDATA[<p>Do you want to have a group of random images pop-up on the page using PHP?<br />
<span id="more-592"></span><br />
Before we go any further, this does not allow each image to link to a different location.</p>
<p>Copy this code into your header and modify it to represent wherever the images are located:</p>
<pre>&lt;style type="text/css"&gt;
#randomimage { background:url(http://yourdomain.com/imagesfolder/randomimage&lt;?php echo (rand()%10); ?&gt;.jpg); }
&lt;/style&gt;</pre>
<p>Copy this code into your page where you want the images to show up:</p>
<pre>&lt;div id="randomimage"&gt;&lt;/div&gt;</pre>
<p>Copy this into your CSS and modify accordingly:</p>
<pre>#randomimage {
}</pre>
<p>Now, you can change the name of the div and you can also put the images wherever you want, just make sure you change the path so that they match.</p>
<p>One very important thing about this code is that you need to have 10 images.  Also, the images need to be named very specifically.</p>
<p>Using this code, the images have to be named: randomimage0.jpg, randomimage1.jpg&#8230; and continuing up through randomimage9.jpg.  If you do not have an image representing this, then nothing will show up on your page.</p>
<p>While not necessarily the best php image randomizer I&#8217;ve seen, it&#8217;s quick and will get the job done.</p>
]]></content:encoded>
			<wfw:commentRss>http://itscalledwebdesign.com/tutorials/random-image/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

