Manipulate images only after they're loaded

This switches from adding JS functionality after the DOM has
loaded, to adding it after the whole page (including iamges)
has loaded.

Bug: T215187

assets/translate.js

@@ -97,7 +97,7 @@ $( function () {
 /**
  * When a translation field is changed, update the image preview, and also mark the form as unsaved.
  */
-$( function () {
+$( window ).on( 'load', function () {
 	$( '.translation-fields .oo-ui-fieldLayout .oo-ui-inputWidget' ).each( function () {
 		var inputWiget = OO.ui.infuse( $( this ) ),
 			$imgElement = $( '#translation-image img' ),
@@ -139,7 +139,7 @@ $( function () {
 /**
  * Add LeafletJS to image, for zooming and panning.
  */
-$( function () {
+$( window ).on( 'load', function () {
 	var imagemap, $imageElement,
 		$imageWrapper = $( '#translation-image' );
 	if ( $imageWrapper.length !== 1 ) {

public/assets/entrypoints.json

@@ -5,7 +5,7 @@
         "assets/app.cdb1250c.css"
       ],
       "js": [
-        "assets/app.7fd078db.js"
+        "assets/app.10e4979a.js"
       ]
     }
   }

public/assets/manifest.json

@@ -1,6 +1,6 @@
 {
   "assets/app.css": "assets/app.cdb1250c.css",
-  "assets/app.js": "assets/app.7fd078db.js",
+  "assets/app.js": "assets/app.10e4979a.js",
   "assets/grabbing.cur": "assets/a8c874b93b3d848f39a71260c57e3863.cur",
   "assets/grab.cur": "assets/b06c243f534d9c5461d16528156cd5a8.cur",
   "assets/i18n/app/af.json": "assets/i18n/app/af.json",