Implement JS function to automatically replace users' broken pictures…

… with default user image
stfbk · Aug 7, 2023 · 0f819cd · 0f819cd
1 parent 1240a6e
commit 0f819cd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/_includes/list-people.html b/_includes/list-people.html
@@ -238,7 +238,7 @@
                         {% if personImage != "" %}
                             <div class="card-image">
                                 <figure class="image">
-                                    <img src="{{ personImage }}" alt="{{ person.surname }} {{ person.name }}" />
+                                    <img src="{{ personImage }}" alt="{{ person.name }} {{ person.surname }}" onError="setDefaultUserPicture(this)" />
                                 </figure>
                             </div>
                         {% endif %}

diff --git a/assets/js/custom.js b/assets/js/custom.js
@@ -9,6 +9,11 @@ $('a').each(function() {
     }
 });
 
+function setDefaultUserPicture(picture) {
+    picture.src = "/assets/images/no-user.jpg";
+    return true;
+}
+
 function iframe16vs9() {
     var iframes = $("iframe");