yuxihan/wayfarer
1
0
Fork 0
mirror of https://gitlab.com/NvlblNm/wayfarer.git synced 2024-09-18 02:24:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

Improvements to image preview code

Browse Source
This commit is contained in:
Tntnnbltn 2023-01-30 05:03:27 +00:00 committed by Nvlbl Nm
parent fb37f12743
commit 5d76648b19
1 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
wayfarer-planner.user.js
View File

@ -458,18 +458,16 @@ function wrapper(pluginInfo) {
}
let image = ''
let largeImageUrl = imageUrl
if (
largeImageUrl.includes('googleusercontent') &&
!largeImageUrl.includes('=')
) {
largeImageUrl += '=s0'
if (imageUrl.includes('googleusercontent')) {
largeImageUrl = largeImageUrl.replace(/(=.*)?$/, '=s0')
imageUrl = imageUrl.replace(/(=.*)?$/, '=s200')
}
if (
imageUrl !== '' &&
imageUrl !== undefined &&
settings.enableImagePreview
) {
image = `<a href="${largeImageUrl}" target="_blank" class="imagePreviewContainer"><img class="imagePreview" src="${imageUrl}"></a>`
image = `<a href="${largeImageUrl}" target="_blank" class="imagePreviewContainer"><img class="imagePreview loading" src="${imageUrl}"></a>`
}
let formContent = `<div class="wayfarer-planner-popup"><form id="submit-to-wayfarer">
@ -535,6 +533,10 @@ function wrapper(pluginInfo) {
expander.addEventListener('click', function () {
expander.parentNode.classList.toggle('wayfarer__expanded')
})
const previewImageElement = document.querySelector('.loading')
previewImageElement.onload = function () {
previewImageElement.classList.remove('loading')
}
}
function confirmDeleteCandidate(e, id) {
@ -873,7 +875,10 @@ function wrapper(pluginInfo) {
max-width:100%;
max-height:150px;
}
.loading {
visibility: hidden;
height:150px;
}
`
)