The keepFirstImgs() function presented in this page can be used in PHP to keep the first Nr IMG tags into a string, and Strip all the other <img>s.
- The function receives the number of the first <img> tags to keep ($nrimg), and the string with the HTML text ($str); returns the string with the other IMG tags removed.
// Function to keep first $nrimg IMG tags in $str, and strip all the other <img>s
// From: https://coursesweb.net/php-mysql/
function keepFirstImgs($nrimg, $str) {
  // gets an array with al <img> tags from $str
  if(preg_match_all('/(\<img[^\>]+\>)/i', $str, $mt)) {
    // gets array with the <img>s that must be stripped ($nrimg+), and removes them
    $remove_img = array_slice($mt[1], $nrimg);
    $str = str_ireplace($remove_img, '', $str);
  }
  return $str;
}
- Example:
<?php
// Function to keep first $nrimg IMG tags in $str, and strip all the other <img>s
// From: https://coursesweb.net/php-mysql/
function keepFirstImgs($nrimg, $str) {
  // gets an array with al <img> tags from $str
  if(preg_match_all('/(\<img[^\>]+\>)/i', $str, $mt)) {
    // gets array with the <img>s that must be stripped ($nrimg+), and removes them
    $remove_img = array_slice($mt[1], $nrimg);
    $str = str_ireplace($remove_img, '', $str);
  }
  return $str;
}

// Test, keeps the first two IMG tags in $str
$str = 'First img: <img src="img1.jpg" alt="img 1" width="30" />,
 second image: <img src="img_2.jpg" alt="img 2" width="30">,
 another Img tag <img src="img3.jpg" alt="img 3" width="30" />,
 and another image <img src="img_5.jpg" alt="imgage 5" width="30" /> ... etc.';
$str = keepFirstImgs(2, $str);
echo $str;
/* Output:
 First img: <img src="img1.jpg" alt="img 1" width="30" />,
 second image: <img src="img_2.jpg" alt="img 2" width="30">,
 another Img tag , and another image  ... etc.
*/
?>

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag renders as emphasized text, displaying the text oblique?
<strong> <pre> <em>
<p>Web development courses: <em>CoursesWeb.net</em></p>
Which CSS property defines the space between the element border and its content?
margin padding position
h3 {
  padding: 2px 0.2em;
}
Click on the method which returns the first element that matches a specified group of selectors.
getElementsByName() querySelector() querySelectorAll()
// gets first Div with class="cls", and shows its content
var elm = document.querySelector("div.cls");
alert(elm.innerHTML);
Indicate the PHP variable that contains data from a form sent with method="post".
$_SESSION $_GET $_POST
if(isset($_POST["field"])) {
  echo $_POST["field"];
}
Keep the first Nr IMG tags, Strip all the others

Last accessed pages

  1. JavaScript Course - Free lessons (16380)
  2. Contact page - CoursesWeb (19296)
  3. Tabs effect with CSS (19999)
  4. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (26233)
  5. Insert, Select and Update NULL value in MySQL (42693)

Popular pages this month

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (1772)
  2. Tabs effect with CSS (1724)
  3. Contact page - CoursesWeb (1721)
  4. Insert, Select and Update NULL value in MySQL (838)
  5. PHP getElementById and getElementsByTagName (519)