Higher resolution thumbnails in search results
// ==UserScript==
// @name IndeXXX - Search - HI-RES Pics v.3
// @description Higher resolution thumbnails in search results
// @version 3.2
// @author Janvier56
// @namespace https://greasyfork.org/users/7434
// @icon https://www.indexxx.com/apple-touch-icon.png
// @include https://www.indexxx.com/*
// @license unlicense
// ==/UserScript==
// SMALL :
//<img class="photo-element" loading="lazy" src="https://img.indexxx.com/images/thumbs/85x85/models/ilona-a-295873.jpg" title="Ilona A">
// BIG ORIGNAL:
//<img src="https://img.indexxx.com/images/models/sabina-dimitra-1318746.jpg">
$('.floatingElementsContainer.d-flex.flex-wrap .photo-element').attr('src', function(i, val) {
return val.replace('/images/thumbs/85x85/', '/images/')
});
// SET
// SMALL - .photoSection.card-img-top.d-flex.align-items-end.justify-content-center>div>img
//img src="https://img.indexxx.com/images/thumbs/160x181/sets/813001-goddessnudes.jpg"
// BIG ORIGNAL:
//<img class="hoverImg" src="https://img.indexxx.com/images/sets/812373-domai.jpg">
$('.photoSection.card-img-top.d-flex.align-items-end.justify-content-center>div>img').attr('src', function(i, val) {
return val.replace('/images/thumbs/160x181/', '/images/')
});
// add CSS
$('head').append(`
<style type='text/css'>
/* === IndeXXX - Search - HI-RES Pics - v.3.65 ==== */
.floatingElementsContainer.d-flex.flex-wrap .modelPanel.card.border-0.text-center.align-items-center {
background: rgba(0, 0, 0, 0.07) !important;
border: 1px solid #333 !important;
}
.floatingElementsContainer.d-flex.flex-wrap .d-flex.card-img.align-items-end.justify-content-center a {
display: inline-block !important;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
/*border: 1px solid aqua !important;*/
}
.floatingElementsContainer.d-flex.flex-wrap .d-flex.card-img.align-items-end.justify-content-center a img.photo-element {
display: inline-block !important;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
background-repeat: no-repeat !important;
background-size: contain !important;
background-position: center center !important;
background-color: #111 !important;
object-fit: contain !important;
/* border: 1px solid yellow !important; */
}
/*=== END == IndeXXX - Search - HI-RES Pics ==== */
}
</style>
`)
console.log('IndeXXX Hight: CSS added')