brian/userscripts
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update 'DuckDuckGo Images Slideshow.user.js'

Browse Source 
Add Image Counter Display
This commit is contained in:
Brian Buller 2021-02-19 09:50:29 -06:00
parent bece740d3f
commit 141cde3cf2
1 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
DuckDuckGo Images Slideshow.user.js
View File

@ -1,9 +1,9 @@
// ==UserScript==
// @name DuckDuckGo Images Slideshow
// @namespace https://bullercodeworks.com
// @version 0.2
// @version 0.3
// @description Takes a DuckDuckGo Images page and turns it into a slideshow.
// @author You
// @author brian@bullercodeworks.com
// @match https://duckduckgo.com/*
// @grant none
// ==/UserScript==
@ -12,7 +12,6 @@
'use strict';
var init = function() {
console.log("Starting Slideshow");
lb.style.textAlign = 'center';
lb.style.height = '100%';
lb.style.width = '100%';
@ -24,6 +23,12 @@
document.body.prepend(lb);
lbimg.style.objectFit = 'cover';
lb.append(lbimg);
imgCounter.style.backgroundColor = 'rgba(0, 0, 0, 0.85)';
imgCounter.style.color = 'white';
imgCounter.style.position = 'fixed';
imgCounter.style.top = '0px';
imgCounter.style.left = '0px';
lb.append(imgCounter);
running = true;
showImage(0);
}
@ -53,6 +58,7 @@
var imgcount=allimages.length;
var lb = document.createElement('div');
var lbimg = document.createElement('img');
var imgCounter = document.createElement('span');
var lastScroll = 0;
@ -65,7 +71,7 @@
var testimages = document.querySelectorAll('img');
var testcount = testimages.length;
if(testcount > imgcount) {
console.log("Image Count Changed:"+testcount+" > "+imgcount);
console.log("Loading more images...");
imgcount = testcount;
allimages = testimages;
}
@ -83,8 +89,9 @@
timer = setTimeout(() => showImage(++idx), 100);
return;
}
allimages[idx].click();
allimages[idx].scrollIntoView();
console.log("Showing Image "+idx+" :: "+allimages[idx]);
console.log("Showing Image "+idx+" ("+allimages[idx]+")");
var useHeight=allimages[idx].height > allimages[idx].width;
if(useHeight){
lbimg.style.height = '100%';
@ -94,6 +101,7 @@
lbimg.style.width = '100%'
}
lbimg.src = allimages[idx].src;
imgCounter.innerText = "Image " + idx + " / " + imgcount;
timer = setTimeout(() => showImage(++idx), imageTime);
}
@ -137,10 +145,10 @@
function pause(){
if(paused){
console.log("resume");
console.log("Resuming Slideshow");
showImage(currimg);
} else {
console.log("pause");
console.log("Pausing Slideshow");
clearTimeout(timer);
}
paused = !paused;
@ -148,7 +156,7 @@
function rewind() {
console.log("rewind");
console.log("Rewinding Slideshow");
clearTimeout(timer);
currimg = currimg-1;
showImage(currimg);
@ -156,7 +164,7 @@
function fastforward() {
console.log("fast forward");
console.log("Fast Forwarding Slideshow");
clearTimeout(timer);
currimg = currimg+1;
showImage(currimg);