<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Comments on: Relative Image Paths in Drupal</title>
	<atom:link href="http://grasshopperpebbles.com/drupal/relative-image-paths-in-drupal/feed/" rel="self" type="application/rss+xml" />
	<link>http://grasshopperpebbles.com/drupal/relative-image-paths-in-drupal/</link>
	<description>Ajax and Ajax Frameworks</description>
	<lastBuildDate>Mon, 02 Jan 2012 13:41:21 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
	<item>
		<title>By: Dan</title>
		<link>http://grasshopperpebbles.com/drupal/relative-image-paths-in-drupal/#comment-1645</link>
		<dc:creator>Dan</dc:creator>
		<pubDate>Wed, 17 Nov 2010 10:31:12 +0000</pubDate>
		<guid isPermaLink="false">http://grasshopperpebbles.com/?p=618#comment-1645</guid>
		<description>try adding /sites/all/themes/YOUR_THEME_NAME/images/YOUR_IMAGE.png as a relative link.</description>
		<content:encoded><![CDATA[<div class="KonaBody">
<!-- google_ad_section_start --><br />
<!--INFOLINKS_ON--></p>
<p>try adding /sites/all/themes/YOUR_THEME_NAME/images/YOUR_IMAGE.png as a relative link.<br />
<!--INFOLINKS_OFF--><br />
<!-- google_ad_section_end -->
</p>
</div>
<p> <!-- KonaBody --></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: admin</title>
		<link>http://grasshopperpebbles.com/drupal/relative-image-paths-in-drupal/#comment-1110</link>
		<dc:creator>admin</dc:creator>
		<pubDate>Wed, 21 Apr 2010 15:18:25 +0000</pubDate>
		<guid isPermaLink="false">http://grasshopperpebbles.com/?p=618#comment-1110</guid>
		<description>Mike,
I just did a bit of research and it looks like the &lt;a href=&quot;http://drupal.org/project/image&quot; rel=&quot;nofollow&quot;&gt;image module&lt;/a&gt; may be the solution. 

From &lt;a href=&quot;http://drupal.org/handbook/modules/image&quot; rel=&quot;nofollow&quot;&gt;documentation&lt;/a&gt;:

The Image attach module allows an image to be attached to other nodes: pages, stories, or custom content types. You can specify which derivative size is shown in the node in both teaser and full view, and also the weight of the image among the node&#039;s content. The attached image is linked to the node for the actual image, allowing readers to see the full size image. Support for the Views module is included.</description>
		<content:encoded><![CDATA[<div class="KonaBody">
<!-- google_ad_section_start --><br />
<!--INFOLINKS_ON--></p>
<p>Mike,<br />
I just did a bit of research and it looks like the <a href="http://drupal.org/project/image" rel="nofollow">image module</a> may be the solution. </p>
<p>From <a href="http://drupal.org/handbook/modules/image" rel="nofollow">documentation</a>:</p>
<p>The Image attach module allows an image to be attached to other nodes: pages, stories, or custom content types. You can specify which derivative size is shown in the node in both teaser and full view, and also the weight of the image among the node&#8217;s content. The attached image is linked to the node for the actual image, allowing readers to see the full size image. Support for the Views module is included.<br />
<!--INFOLINKS_OFF--><br />
<!-- google_ad_section_end -->
</p>
</div>
<p> <!-- KonaBody --></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Mike</title>
		<link>http://grasshopperpebbles.com/drupal/relative-image-paths-in-drupal/#comment-1109</link>
		<dc:creator>Mike</dc:creator>
		<pubDate>Wed, 21 Apr 2010 14:07:27 +0000</pubDate>
		<guid isPermaLink="false">http://grasshopperpebbles.com/?p=618#comment-1109</guid>
		<description>Yeah, I have been doing that as well I was hoping there was a better way to do this.  Absolute paths and setting images as backgrounds don&#039;t always apply as an answer.  For now I am using the above as a solution however it will be problem if the site ever moves or gets duplicated.

I will say this blog has the best explanation on how to work around Drupal&#039;s relative path problem.  If you or anyone find any modules or plugin&#039;s to work around the issue I would love to hear back from you.

Thanks</description>
		<content:encoded><![CDATA[<div class="KonaBody">
<!-- google_ad_section_start --><br />
<!--INFOLINKS_ON--></p>
<p>Yeah, I have been doing that as well I was hoping there was a better way to do this.  Absolute paths and setting images as backgrounds don&#8217;t always apply as an answer.  For now I am using the above as a solution however it will be problem if the site ever moves or gets duplicated.</p>
<p>I will say this blog has the best explanation on how to work around Drupal&#8217;s relative path problem.  If you or anyone find any modules or plugin&#8217;s to work around the issue I would love to hear back from you.</p>
<p>Thanks<br />
<!--INFOLINKS_OFF--><br />
<!-- google_ad_section_end -->
</p>
</div>
<p> <!-- KonaBody --></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: admin</title>
		<link>http://grasshopperpebbles.com/drupal/relative-image-paths-in-drupal/#comment-1103</link>
		<dc:creator>admin</dc:creator>
		<pubDate>Wed, 21 Apr 2010 01:06:46 +0000</pubDate>
		<guid isPermaLink="false">http://grasshopperpebbles.com/?p=618#comment-1103</guid>
		<description>Depending upon what you are trying to do, the best solution is to use CSS. 

&lt;code&gt;
#ajaxLoader {
	background:url(../images/ajax-loader.gif) no-repeat;
	background-position:right;
	float:left;
	width:90px;
	height:32px;
}
&lt;/code&gt;

The image is always relative to the CSS file. So if I place the div in a block:

&lt;code&gt;
&lt;div id=&quot;ajaxLoader&gt;&lt;/div&gt;
&lt;/code&gt;

The image should always display correctly. 

I guess another solution is to never use a relative path to the image.

&lt;code&gt;
&lt;img src=&quot;http://grasshopperpebbles.com/images/myimage.png&quot; /&gt;  
&lt;/code&gt;</description>
		<content:encoded><![CDATA[<div class="KonaBody">
<!-- google_ad_section_start --><br />
<!--INFOLINKS_ON--></p>
<p>Depending upon what you are trying to do, the best solution is to use CSS. </p>
<p><code><br />
#ajaxLoader {<br />
	background:url(../images/ajax-loader.gif) no-repeat;<br />
	background-position:right;<br />
	float:left;<br />
	width:90px;<br />
	height:32px;<br />
}<br />
</code></p>
<p>The image is always relative to the CSS file. So if I place the div in a block:</p>
<p><code><br />
&lt;div id="ajaxLoader&gt;&lt;/div&gt;<br />
</code></p>
<p>The image should always display correctly. </p>
<p>I guess another solution is to never use a relative path to the image.</p>
<p><code><br />
&lt;img src="http://grasshopperpebbles.com/images/myimage.png" /&gt;<br />
</code><br />
<!--INFOLINKS_OFF--><br />
<!-- google_ad_section_end -->
</p>
</div>
<p> <!-- KonaBody --></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Mike</title>
		<link>http://grasshopperpebbles.com/drupal/relative-image-paths-in-drupal/#comment-1102</link>
		<dc:creator>Mike</dc:creator>
		<pubDate>Tue, 20 Apr 2010 19:08:45 +0000</pubDate>
		<guid isPermaLink="false">http://grasshopperpebbles.com/?p=618#comment-1102</guid>
		<description>I had figured out how to correct this problem as you have above.  My problem is trying to figure out how to create blocks that pull images from a directory.  I dont want to have to create a 2 blocks to run the same function and even worse have to edit both blocks when the time comes.  Have you figured a better way to write relative image paths to work on ANY page?  I would be very much interested in hearing back from you.</description>
		<content:encoded><![CDATA[<div class="KonaBody">
<!-- google_ad_section_start --><br />
<!--INFOLINKS_ON--></p>
<p>I had figured out how to correct this problem as you have above.  My problem is trying to figure out how to create blocks that pull images from a directory.  I dont want to have to create a 2 blocks to run the same function and even worse have to edit both blocks when the time comes.  Have you figured a better way to write relative image paths to work on ANY page?  I would be very much interested in hearing back from you.<br />
<!--INFOLINKS_OFF--><br />
<!-- google_ad_section_end -->
</p>
</div>
<p> <!-- KonaBody --></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Roy</title>
		<link>http://grasshopperpebbles.com/drupal/relative-image-paths-in-drupal/#comment-1089</link>
		<dc:creator>Roy</dc:creator>
		<pubDate>Wed, 31 Mar 2010 20:15:24 +0000</pubDate>
		<guid isPermaLink="false">http://grasshopperpebbles.com/?p=618#comment-1089</guid>
		<description>Thanks for the tips.  I was having trouble finding this info.</description>
		<content:encoded><![CDATA[<div class="KonaBody">
<!-- google_ad_section_start --><br />
<!--INFOLINKS_ON--></p>
<p>Thanks for the tips.  I was having trouble finding this info.<br />
<!--INFOLINKS_OFF--><br />
<!-- google_ad_section_end -->
</p>
</div>
<p> <!-- KonaBody --></p>
]]></content:encoded>
	</item>
</channel>
</rss>

