mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2026-10-03 22:51:43 +00:00
Code Issues Releases Wiki Activity

Image widget: Add classes for loading/loaded/error

Browse Source
This commit is contained in:
jeremy@jermolene.com
2022-01-02 17:28:54 +00:00
parent 7d1f0ea8f4
commit 66ae1d6930
2 changed files with 19 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
core/modules/widgets/image.js
+10
View File
@@ -111,6 +111,16 @@ ImageWidget.prototype.render = function(parent,nextSibling) {
if(this.imageAlt) {
domNode.setAttribute("alt",this.imageAlt);
}
// Add classes when the image loads or fails
$tw.utils.addClass(domNode,"tc-image-loading");
domNode.addEventListener("load",function() {
$tw.utils.removeClass(domNode,"tc-image-loading");
$tw.utils.addClass(domNode,"tc-image-loaded");
},false);
domNode.addEventListener("error",function() {
$tw.utils.removeClass(domNode,"tc-image-loading");
$tw.utils.addClass(domNode,"tc-image-error");
},false);
// Insert element
parent.insertBefore(domNode,nextSibling);
this.domNodes.push(domNode);