Comments on: Find the first image in a WordPress post

By: Sue

Sue — Tue, 27 Oct 2009 10:42:48 +0000

Yes, easily - just put an if/else loop into the code.

By: Ceys

Ceys — Fri, 23 Oct 2009 14:24:12 +0000

Hiya, this looks really excellent, but I had a question (I'm learning php slooowly):

Is there a way where if there is no image present you can automatically substitute with a default image?

I'd like to use it on my photography blog once I redesign it and start posting again, but I very occasionally post without photos and it'd be good to have something there to keep it looking consistent!

Thank you
Cerys

By: andrea

andrea — Tue, 13 Oct 2009 14:13:30 +0000

Thanks for fast reply Sue, problem is that I don't know how to write in PHP so I cannot make the code by myself. If you or someone here know where I can find a similar code that works will be great...

By: Sue

Sue — Tue, 13 Oct 2009 14:07:33 +0000

If you use the getimagesize() PHP function, Andrea, you should be able to do whatever you like.

By: andrea

andrea — Tue, 13 Oct 2009 14:04:45 +0000

Hello, I need exactly what Arch1k wrote about, a code that embed the original width and height of the image. But the code posted don't work. When I add the code in the functions.php and save the page returns a blank page and the entire blog stops working. Any help to make the code of Arch1k work correctly? Thanks

By: Jzatt

Jzatt — Sat, 19 Sep 2009 15:03:14 +0000

Awesome! This was just what I was looking for. Have been searching for a way to extract the first link for a while, this works just the way I want it! Thanks alot, really saved my day!

By: Sue

Sue — Sat, 05 Sep 2009 18:31:28 +0000

Thanks Mark!
Memo to self: fix comments so people can post code...

By: Mark

Mark — Sat, 05 Sep 2009 17:07:00 +0000

[Edit by Sue: code below not tested by or supported by me]
I added a "no image found" function:

$content = get_the_content();
$pic_string = bm_extract_string('src="','" ',$content);
if ( $pic_string == NULL ) {
echo '';
} else {
echo '';
}

Edit: I can't get the code to show up correctly.
It searches for the first image, if it is not there it inserts a path to a generic image

By: ←intrtxt monoblogue→

←intrtxt monoblogue→ — Sun, 09 Aug 2009 16:48:37 +0000

[...] webpage, so I went on digging deeper. Thankfully I found the Blog Mum blog which gave me a profound yet creative solution. However, I had to have the height and width of my images(divs with background actually) embedded [...]

By: Arch1k

Arch1k — Sun, 09 Aug 2009 03:18:37 +0000

[Edit by Sue: code below not tested by or supported by me]

Sorry for all this mess. Hope this one turns out right:
Functions.php hase this:
// Retrieve the src pf first image in a post
function bm_extract_string($start, $end, $original) {
$original = stristr($original, $start);
$trimmed = stristr($original, $end);
return substr($original, strlen($start), -strlen($trimmed));
}
function getFirstImage() {
$content = get_the_content(); $pic_string = bm_extract_string(’src=”‘,’” ‘,$content);
$imagesize = getimagesize($pic_string);
list($width, $height, $type, $attr) = getimagesize($pic_string);
echo '< a href="'.$link.'" style="background:url('.$pic_string.'); display:block; width:'.$width.'px; height:'.$height.'px;"> ‘;
}

and inside your index.php simply put this: