Show all fullres images (without watermark, + inaccessible ones) of a https://www.fashionanthology.com/ gallery in one page and without require any account
How to use it:
For developpers:
| javascript:(function()%7Bconst%20e%3Ddocument.title.split(%2F%5Cs%2B%5C%7C%5Cs%2B%2F).slice(1).join(%22%20%22)%3Bdocument.head.insertAdjacentHTML(%22beforeend%22%2C%22%3Cstyle%3E.pictures%7Bmargin%3A0px%20calc((100vw%20-%20993px)%20%2F%20-2)%3Bpadding%3A10px%3Bdisplay%3Aflex%3Bflex-wrap%3Awrap%3B%7D.picture-wrap%7Bwidth%3A400px%3Bflex-grow%3A1%3Bbox-sizing%3Aborder-box%3Bpadding%3A10px%3B%7D.picture%7Bwidth%3A%20100%25%3Bmin-height%3A%20400px%7D%3C%2Fstyle%3E%22)%3Bconst%20t%3Ddocument.querySelector(%22.bigphoto%22)%2Cr%3Dt.querySelector(%22img%22).src.replace(%2F%5Cd%2B(_(xs%7Cm))%3F.jpg%2F%2C%22%22)%2Ci%3D(e%2Ct%3D%7B%7D%2Cr%3D%5B%5D)%3D%3E%7Bconst%20i%3DObject.assign(document.createElement(e)%2Ct)%3Breturn%20i.append(...Array.from(r))%2Ci%7D%2Ca%3D(e%2Ct)%3D%3Ei(%22a%22%2C%7BclassName%3A%22picture-wrap%22%2Cdownload%3At%2Chref%3Ae%7D%2C%5Bi(%22img%22%2C%7BclassName%3A%22picture%22%2Cloading%3A%22lazy%22%2Csrc%3Ae%2Conerror%3Afunction()%7Bthis.parentElement.remove()%7D%7D)%5D)%3Bt.remove()%2Cdocument.querySelector(%22.allphotos%22).replaceWith(i(%22div%22%2C%7BclassName%3A%22pictures%22%7D%2Cfunction*()%7Bfor(let%20t%3D1%3Bt%3C%3D999%3Bt%2B%2B)%7Bconst%20i%3D%60%24%7Be%7D%20%24%7Bt%7D.jpg%60%3Byield%20a(r%2BString(t).padStart(2%2C%220%22)%2B%22.jpg%22%2Ci)%2Ct%3C100%26%26(yield%20a(r%2BString(t).padStart(3%2C%220%22)%2B%22.jpg%22%2Ci))%7D%7D()))%7D)() |
| const title = document.title.split(/\s+\|\s+/).slice(1).join(" "); | |
| document.head.insertAdjacentHTML("beforeend", "<style>.pictures{margin:0px calc((100vw - 993px) / -2);padding:10px;display:flex;flex-wrap:wrap;}.picture-wrap{width:400px;flex-grow:1;box-sizing:border-box;padding:10px;}.picture{width: 100%;min-height: 400px}</style>"); | |
| const imgWrapper = document.querySelector(".bigphoto"); | |
| const base = imgWrapper.querySelector("img").src.replace(/\d+(_(xs|m))?.jpg/, ""); | |
| const createElement = (name, attrs = {}, children = []) => { | |
| const el = Object.assign(document.createElement(name), attrs); | |
| el.append(...Array.from(children)); | |
| return el; | |
| }; | |
| const createPicture = (src, download) => createElement("a", { | |
| className: "picture-wrap", | |
| download, | |
| href: src, | |
| }, | |
| [createElement("img", { | |
| className: "picture", | |
| loading: "lazy", | |
| src, | |
| onerror: function(){this.parentElement.remove()} | |
| })] | |
| ); | |
| imgWrapper.remove(); | |
| document.querySelector(".allphotos").replaceWith(createElement("div", {className: "pictures"}, (function*(){ | |
| for (let i = 1; i <= 999; i++) { | |
| const download = `${title} ${i}.jpg`; | |
| yield createPicture(base + String(i).padStart(2, "0") + ".jpg", download); | |
| if(i < 100) { | |
| yield createPicture(base + String(i).padStart(3, "0") + ".jpg", download); | |
| } | |
| } | |
| })())); |
I see what the problem is, the link to the source code was wrong. You can update your bookmarklet (see the instructions). It should work now.