Replace Broken Images Using jQuery

learn js

आज इस आर्टिकल मे हम आपको Replace Broken Images Using jQuery के बारे मे बताएंगे।

Project Name:- Replace Broken Images Using jQuery


  • 2 files + 1 Folder with some images
  • filename: index.php, own.js and some CDN like like bootstrap & jQuery

इसे भी पढ़े – CDN क्या है और अपनी वेबसाइट पर CDN को कैसे इस्तेमाल करें?


<!DOCTYPE html>
<html lang="en">

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Auto Load Submenu - By</title>
    <link rel="stylesheet" href="" />
    <link rel="stylesheet" href="style.css">
    <style type="text/css">

    <div class="container">
        <div class="row">
            <div id="imgcontainer"></div>

    <script src=""></script>
    <script src=""></script>
    <script src="own.js"></script>



$(document).ready(function () {
    let images = ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg', '6.jpg'];
    let image_html = '';
    $.each(images, (key, value) => {
        image_html += '<img src="img/' + value + '"/>';
    $('img').on('error', function () {
        $(this).replaceWith('<img src="img/no-photo.jpg"/>');

This is only for learning purpose that you can understand easily. If you get any error or want to something new to learn share details below.

इसे भी पढ़े – Dynamic Drop Down List in PHP+MySQL using AJAX & jQuery

इसे भी पढ़े – PUBG से पैसे कैसे कमाये? – PUBG से पैसे कमाने का तरीका

Other Important Topics

इसे भी पढ़े –  HSSC Fire Station Officer, Sub Fire Officer रिजल्ट कैसे चेक करे?

Final Words

  • आज इस आर्टिकल मे हमने आपको Replace Broken Images Using  के बारे मे बताया।
  • अगर आपको इसके बारे मे और कुछ जानना है।
  • तो निचे कमेन्ट बॉक्स मे कमेन्ट कर के पूछ सकते है।

इसे भी पढ़े – Python क्या है और इसे कैसे सीखें?


No comments yet. Why don’t you start the discussion?

Leave a Reply

Your email address will not be published. Required fields are marked *