Skip to content

Instantly share code, notes, and snippets.

@mems
Last active April 2, 2024 16:24
Show Gist options
  • Star 5 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mems/5a87941e00c8c15954ce to your computer and use it in GitHub Desktop.
Save mems/5a87941e00c8c15954ce to your computer and use it in GitHub Desktop.
Fullres images of a https://www.fashionanthology.com/ galleries
javascript:(function()%7Bvar%20t%3Ddocument.title.split(%2F%5Cs%2B%5C%7C%5Cs%2B%2F).slice(1).join(%22%20%22)%3B%24(%22head%22).append(%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)%3Bvar%20p%3D%24(%22.bigphoto%22)%2Cs%3Dp.find(%22img%22).prop(%22src%22).replace(%2F%5Cd%2B(_(xs%7Cm))%3F.jpg%2F%2C%22%22)%3Bp.remove()%3Bvar%20r%3D%24(%22%3Cdiv%20class%3D'pictures'%2F%3E%22)%3Bfunction%20e()%7B%24(this).parent().remove()%7Dfunction%20f(p%2Ci)%7Br.append(%24(%22%3Ca%20class%3D'picture-wrap'%2F%3E%22).attr(%22download%22%2Ci).prop(%22href%22%2Cp).append(%24(%22%3Cimg%20class%3D'picture'%20loading%3D'lazy'%20src%3D'%23'%3E%22).error(e).prop(%22src%22%2Cp)))%7Dfor(var%20i%3D1%3Bi%3C%3D999%3Bi%2B%2B)%7Bvar%20a%3Dt%2B%22%20%22%2Bi%2B%22.jpg%22%3Bf(s%2BString(i).padStart(2%2C%220%22)%2B%22.jpg%22%2Ca)%2Ci%3C100%26%26f(s%2BString(i).padStart(3%2C%220%22)%2B%22.jpg%22%2Ca)%7D%24(%22.allphotos%22).replaceWith(r)%7D)()
var t = document.title.split(/\s+\|\s+/).slice(1).join(" ");
$("head").append("<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>");
var p = $(".bigphoto");
var s = p.find("img").prop("src").replace(/\d+(_(xs|m))?.jpg/, "");
p.remove();
var r = $("<div class='pictures'/>");
function e() {
$(this).parent().remove()
};
function f(f, g) {
r.append($("<a class='picture-wrap'/>").attr("download", g).prop("href", f).append($("<img class='picture' loading='lazy' src='#'>").error(e).prop("src", f)))
};
for (var i = 1; i <= 999; i++) {
var a = t + " " + i + ".jpg";
f(s + String(i).padStart(2, "0") + ".jpg", a);
if(i < 100)
{
f(s + String(i).padStart(3, "0") + ".jpg", a);
}
};
$(".allphotos").replaceWith(r);
@slightlymad99
Copy link

Thank you for this, very useful! Do you have methods for similar sites like this? It is lame that some sites require you to be in fashion business or pay for the access, while there are free sources available anyway.

@solets
Copy link

solets commented Jun 8, 2021

@mems Hello! I've been trying to install the bookmarklet in safari and chrome but it doesn't work. I don't know where I am failing 😭 Is there any video tutorial available? This is my first time trying this kind of resource and I'm not sure if I'm doing it right. Thank you so much anyway! 😊

@alexyustudent
Copy link

alexyustudent commented Jun 28, 2021

Using Chrome, I think this bookmarklet is just out of date @mems
Here's what I'm getting from the source code in chrome now:
Capture

@whatkatedid
Copy link

Can you give any hints for Bloomsbury's archive? thanks in advance 💓

@phps31
Copy link

phps31 commented Dec 29, 2022

Hi! @mems
Do you have any bookmarks to access the Bloomsbury Fashion Central website archives? Thanks in advance.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment