10 examples of 'javascript img src change' in JavaScript

176
function changeImg(index) {
177
    var list = obj1.getElementsByTagName('img');
178
    var list1 = obj1.getElementsByTagName('font');
179
    for (i = 0; i < list.length; i++) {
180
        list[i].style.display = 'none';
181
        list1[i].style.backgroundColor = 'white';
182
    }
183
    list[index].style.display = 'block';
184
    list1[index].style.backgroundColor = 'blue';
185
}

52
img.onload = function onImgLoad() {
53
  ctx.drawImage(img, 0, 0, width * multiplier, height * multiplier)
54
  const dataURL = canvas.toDataURL('image/png')
55
  clbck(dataURL)
56
}

12
urlChange(event) {
13
  const elm = document.getElementById('urlInput');
14
  this.props.node.url = elm.value;
15
  this.props.node.run(null);
16
}

328
function addImgHandler(id, index) {
329
330
  var el = document.getElementById(id);
331
332
  el.addEventListener('click', function() {
333
334
    for (var i = 0; i < materials.length; i++) {
335
336
      materials[i].map = currentMaps[index];
337
338
    }
339
340
    currentIndex = index;
341
342
  });
343
344
}

78
function getImageSrc(src) {
79
    return window.isLocal ? '/demo/' + src : src;
80
}

205
function srcChange(e) {
206
	var meta = e.meta || {};
207
208
	if (imageListCtrl) {
209
		imageListCtrl.value(editor.convertURL(this.value(), 'src'));
210
	}
211
212
	tinymce.each(meta, function(value, key) {
213
		win.find('#' + key).value(value);
214
	});
215
216
	if (!meta.width && !meta.height) {
217
		getImageSize(this.value(), function(data) {
218
			if (data.width && data.height && imageDimensions) {
219
				width = data.width;
220
				height = data.height;
221
222
				win.find('#width').value(width);
223
				win.find('#height').value(height);
224
			}
225
		});
226
	}
227
}

42
set src(v) {
43
44
    this._src = v;
45
46
    GImage.GBridge.perloadImage([this._src, this._id], (data) => {
47
        if (typeof data === 'string') {
48
            data = JSON.parse(data);
49
        }
50
        if (data.error) {
51
            var evt = { type: 'error', target: this };
52
            this.onerror(evt);
53
        } else {
54
            this.complete = true;
55
            this.width = typeof data.width === 'number' ? data.width : 0;
56
            this.height = typeof data.height === 'number' ? data.height : 0;
57
            var evt = { type: 'load', target: this };
58
            this.onload(evt);
59
        }
60
    });
61
}

353
function imgLoadedHandler(event) {
354
	/*jshint validthis:true */
355
	event = event || w.event;
356
	// Unbind loaded handler from temporary image
357
	unbind(this[ILID].tmpImg || {}, EVENTS, imgLoadedHandler);
358
	// Leave the temporary image for garbage collection
359
	this[ILID].tmpImg = null;
360
	// Don't proceed if image is already loaded
361
	if (inArray(this, self.loaded) === -1) {
362
		imgLoaded(this, event.type !== 'load');
363
	}
364
}

42
setSrc(src) {
43
    this._planet && this._planet._geoImageCreator.remove(this);
44
    this._src = src;
45
    this._sourceReady = false;
46
}

16
function updateSrcImg() {
17
  console.log(new Date(), 'Get input image');
18
  var src = "https://storage.googleapis.com/" + document.imageBucket + "/annotated/" + $('#deviceId').val() + "/annotated.jpg"
19
  $('#src_image').attr('src', src + '?' + new Date().getTime());
20
}