// ==UserScript==
// @name jandanJumpGif
// @namespace http://jaxer.cc/
// @version 2024-03-22
// @description add button to jump gif each.
// @author jaxer
// @match https://jandan.net/top
// @icon https://www.google.com/s2/favicons?sz=64&domain=jandan.net
// @grant none
// ==/UserScript==

(function() {
'use strict';
var _gifIdx= 0;
function jump(i){
var gifList = $("img[src$=gif]")
var length = gifList.size()
_gifIdx+=i;
if(_gifIdx > length -1){
_gifIdx= 0;
}
if(_gifIdx < 0){
_gifIdx= length -1;
}
//var gifTop = $(gifList.get(_gifIdx)).offset().top
//$(document).scrollTop(gifTop );
gifList.get(_gifIdx).scrollIntoView({behavior: "smooth"});
}
// Your code here...
$("#wrapper").append($(`<div
class="_jumpgif_prev"
style="background-color:#e5e5e5;border-radius:50%;bottom:110px;color:#fff;height:40px;position:fixed;width:40px;z-index:3;margin-left:1000px;text-align:center;user-select:none;cursor:pointer;">
GIF 上个</div>
<div
class="_jumpgif_next"
style="background-color:#e5e5e5;border-radius:50%;bottom:60px;color:#fff;height:40px;position:fixed;width:40px;z-index:3;margin-left:1000px;text-align:center;user-select:none;cursor:pointer;">
GIF 下个</div>`))

$('._jumpgif_prev').on("click", function(){jump(-1)})
$('._jumpgif_next').on("click", function(){jump(1)})

})();