[RESOLVED] Working with images in an RSS Description

genista

Hi,

I am using JQuery Masonry and php to output some rss feeds from third party sites. The problem I have is that any images contained in the description from the feed are being blown up to the width of the box they are placed in. It would be great to keep them to their original size.

Here is the code that retrieves the data from the feed, there is no processing at this point so if anyone can help that would be great.


//$RSS_DOC is set as whatever feed url we want to use
if (!$RSS_DOC) {
		echo "Failed loading XML\n";
		foreach(libxml_get_errors() as $error) {
			echo "\t", $error->message;
		}
	}


$RSSitem = $RSS_DOC->channel->item[0];
		$item_id 	= md5($RSSitem->title);
		$fetch_date = date("Y-m-j G:i:s"); //NOTE: we don't use a DB SQL function so its database independant
		$item_title = $RSSitem->title;
                $item_description = $RSSitem->description;
		$item_date  = date("Y-m-j G:i:s", strtotime($RSSitem->pubDate));
		$item_url	= $RSSitem->link;
                $Pubdate = $RSSitem->pubDate;

Thanks!

sneakyimp

There is nothing in the code you have posted that suggests that an image is being referenced or displayed. Perhaps there is some code that is more directly related to the display of these images you are talking about?

bradgrafelman

sneakyimp;11028991 wrote:
Perhaps there is some code that is more directly related to the display of these images you are talking about?

... such as some client-side code/markup?

genista

So all I do is print out the description and with it comes the images that are embedded within the description. So I do need some client side code/markup - the question is what code do I need to take into account any images that could be part of the description?

Thanks,

sneakyimp

The code (HTML? Javascript?) that actually displays the images would be a good start.

bradgrafelman

I'm still unclear as to what is actually happening. A simple <img> element with no defined height or width will by default become the size of the image loaded via the 'href' attribute. If the images are not being shown at their correct size, you already have something somewhere that is changing the style of those <img> elements.

Can you give us a URL to an example page that exhibits the behavior you're seeing?

genista

Here is the PHP that pushes out the rss elements, including the description:

 echo "<h1>$item_title</h1>";
  echo "<p><a href=".$item_url.">$rsstitle</a>, $city, $state, $country</p>";
               // echo "<p>date(\"j, n, Y\", strtotime($item_date))</p>"; 
  echo "<p>"; 
  echo "Date:";
  echo date("j, n, Y", strtotime($item_date));
  echo "</p>";
                //echo "<p>$item_date</p>";

            echo "<p>$description</p>";

Within the $description are potentially one or more images from the source, hope that helps.

Another thought, should this be done via CSS maybe?

Thanks,

sneakyimp

genista;11029029 wrote:
Here is the PHP that pushes out the rss elements, including the description:
 echo "<h1>$item_title</h1>";
 echo "<a href=".$item_url.">$rsstitle</a>, $city, $state, $country";
 // echo "date(\"j, n, Y\", strtotime($item_date))"; 
 echo ""; 
 echo "Date:";
 echo date("j, n, Y", strtotime($item_date));
 echo "";
 //echo "$item_date";

 echo "$description";
Within the $description are potentially one or more images from the source, hope that helps.

Another thought, should this be done via CSS maybe?

Thanks,

G

Once again, you have shown us code that is not helpful. Why is it not helpful? Because we cannot see the HTML markup responsible for displaying the images. It is helpful to know that the images are somehow displayed by the html text that is in $description, but you haven't shown us how the variable $description comes by its contents.

genista

OK, so I have found the solution and it was indeed in the CSS, simply changing a value from 100% to auto did the trick. Thanks for pointing me in the right direction, I found it when I started looking at the page source and working through the css with firebug.

sneakyimp

Glad it worked out. Firebug is an excellent tool.