rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add backgrounds thumbnailing

Browse Source
This commit is contained in:
SillyLossy
2023-03-22 21:18:43 +02:00
parent 67e30681e7
commit a82c07548b
3 changed files with 91 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
public/script.js
View File

@@ -590,11 +590,11 @@ async function getBackgrounds() {
const getData = await response.json();
//background = getData;
//console.log(getData.length);
for (var i = 0; i < getData.length; i++) {
//console.log(1);
for (const bg of getData) {
const thumbPath = `/thumbnail?type=bg&file=${bg}`;
$("#bg_menu_content").append(
`<div class="bg_example" bgfile="${getData[i]}" class="bg_example_img" style="background-image: url(backgrounds/${getData[i]});">
<div bgfile="${getData[i]}" class=bg_example_cross style="background-image: url(img/cross.png);">
`<div class="bg_example" bgfile="${bg}" class="bg_example_img" style="background-image: url('${thumbPath}');">
<div bgfile="${bg}" class=bg_example_cross style="background-image: url(img/cross.png);">
</div>`
);
}
@@ -2585,9 +2585,8 @@ function read_bg_load(input) {
"url(" + e.target.result + ")"
);
$("#form_bg_download").after(
`<div class=bg_example>
<img bgfile="${html}" class="bg_example_img" style="background-image: url(backgrounds/"${html});">
<img bgfile="${html}" class=bg_example_cross src="img/cross.png">
`<div class=bg_example bgfile="${html}" style="background-image: url('/thumbnail?type=bg&file=${html}');">
<img class=bg_example_cross src="img/cross.png">
</div>`
);
},