Disable slide transitions because they're annoying; move indicator to the side where it doesn't obscure the image; preload images. 2021-09-26 03:20:14
// ==UserScript==
// @name Better BookSusi.com gallery - no gallery transitions, indicator moved to the side
// @namespace Violentmonkey Scripts
// @match https://booksusi.com/*
// @grant GM_addStyle
// @version 1.3
// @author -
// @description Disable slide transitions because they're annoying; move indicator to the side where it doesn't obscure the image; preload images. 2021-09-26 03:20:14
// @run-at document-idle
// ==/UserScript==
// Disable slide transitions and blend-in transitions.
// Note that blend-in transitions need to be kept (even if very short) because setting
// the transitions to "none" breaks the script and after exiting the image you cannot
// click on anything any more.
GM_addStyle(`
.blueimp-gallery > .slides > .slide {
transition: none !important;
}
div#blueimp-gallery {
transition: opacity 0.01s linear !important;
}
img.slide-content {
transition: opacity 0.01s linear !important;
}
.blueimp-gallery > .indicator {
left: 90% !important;
}
`);
// Preload images so you don't have to wait for them to load when browsing the gallery
var pics = [] // list of images
// Find image links
$("div.flickity-slider").ready(function () {
$("a.slick-image").each(function(i, elm) {
pics.push(elm.href)
})
})
// Place images in the page, making them invisible (0px * 0px)
$("div.girl_description").ready(function () {
pics_str = " "
pics.forEach(function (url, i) {
pics_str = pics_str + " <img src=" + '"' + url + '"' + " style=" + '"' + "width: 0px; height: 0px;" + '"' + "/>"
})
$("div.girl_description").append(pics_str)
})