-
Notifications
You must be signed in to change notification settings - Fork 0
/
inject.js
52 lines (52 loc) · 2.4 KB
/
inject.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
var popup_img = document.createElement('div');
popup_img.style.position = 'absolute';
popup_img.id = 'show_img';
var IMG = document.createElement('img');
IMG.id = 'img_id';
popup_img.appendChild(IMG);
document.body.appendChild(popup_img);
var check_url = location.href;
var reg = RegExp(/messages|messenger/);
if (check_url.match(reg)) {
document.body.addEventListener('mouseover', function(e) {
IMG.style.width = '300px';
IMG.style.height = '300px';
var images = document.querySelectorAll('img');
for (var i = 0; i < images.length; i++) {
images[i].style.zIndex = '9999';
images[i].style.position = 'relative';
}
if (event.toElement.tagName == 'IMG') {
var box = event.toElement.getBoundingClientRect();
var body = document.body;
document.getElementById('show_img').style.left = box.left + window.pageXOffset - 150 + event.toElement.width + 'px';
document.getElementById('show_img').style.top = box.top + window.pageYOffset - 300 + 'px';
document.getElementById('img_id').src = event.toElement.src;
document.getElementById('show_img').style.display = 'block';
event.toElement.addEventListener('mouseout', function(e) {
document.getElementById('show_img').style.display = 'none'
})
}
}, false);
} else {
document.body.addEventListener('mouseover', function(e) {
IMG.style.width = '400px';
IMG.style.height = '400px';
var images = document.querySelectorAll('img');
for (var i = 0; i < images.length; i++) {
images[i].style.zIndex = '9999';
images[i].style.position = 'relative';
}
if (event.toElement.tagName == 'IMG') {
var box = event.toElement.getBoundingClientRect();
var body = document.body;
document.getElementById('show_img').style.left = box.left + window.pageXOffset + event.toElement.width + 'px';
document.getElementById('show_img').style.top = box.top + window.pageYOffset - 250 + 'px';
document.getElementById('img_id').src = event.toElement.src;
document.getElementById('show_img').style.display = 'block';
event.toElement.addEventListener('mouseout', function(e) {
document.getElementById('show_img').style.display = 'none'
})
}
}, false);
}