Advanced Search

Check if the post has at least one image and display it

/ Published in: PHP
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <?php
  2. // ADD THIS IN THE functions.php FILE
  3.  
  4. function catch_that_image() {
  5.   global $post, $posts;
  6.   $first_img = '';
  7.   ob_start();
  8.   ob_end_clean();
  9.   $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
  10.   $first_img = $matches [1] [0];
  11.  
  12.   if(empty($first_img)){ //Defines a default image
  13.     $first_img = "/uploads/default.jpg";
  14.   }
  15.   return $first_img;
  16. }?>
  17.  
  18. ---------------------------------------------------------------------
  19.  
  20. <?php
  21.  
  22. // ADD THIS IN THE DESIRED TEMPLATE FILE
  23.  
  24. 	$content = $post->post_content;
  25. 	$searchimages = '~<img [^>]* />~';
  26.  
  27. 	/*Run preg_match_all to grab all the images and save the results in $pics*/
  28.  
  29. 	preg_match_all( $searchimages, $content, $pics );
  30.  
  31. 	// Check to see if we have at least 1 image
  32. 	$iNumberOfPics = count($pics[0]);
  33.  
  34. 	if ( $iNumberOfPics > 0 ) { ?>
  35.         <!-- GRAB THE IMAGE AND USE WHATEVER HTML YOU LIKE -->
  36.           <img src="<?php echo catch_that_image() ?>" alt="<?php the_title(); ?>" /></a>
  37. 	<?php }
  38.  
  39. ?>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.