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);
@shadyasashade
Copy link

800D3F29-0C1B-4EB1-A189-D03DC54428F4

It shows this

@mems
Copy link
Author

mems commented Apr 7, 2020

@shadyasashade It's fixed. You can reinstall it

@shadyasashade
Copy link

Thank you

@whyjch
Copy link

whyjch commented Apr 27, 2020

I have just found your bookmarklet which will be fantastic for my research work. I am new to this idea of bookmarklets and have installed it but it does not appear to work. After clicking on the bookmarklet on the FA website nothing seems to happen, and definitely I do not see any images. Is it possible I have done something wrong, or is there something wrong with the javascript? Any help would be much appreciated. Thanks.

@whyjch
Copy link

whyjch commented Apr 28, 2020

Yesterday I tried it on Safari which did not work. Today I tried it on Firefox and Chrome, they both work fine. Thank you for making this bookmarklet!

@shadyasashade
Copy link

hi i wanted to know if you could make a bookmarklet similar to fashion anthology but for catwalkpictures

@mems
Copy link
Author

mems commented Nov 29, 2020

@shadyasashade there is a way to get pictures of catwalkpictures without an account. But there is no way to know which pictures for which show: without to have an account, you can't get the pictures list of a show.
A too long list (around 1,136,425) of pictures without any context (which year, city, designer, etc.). You need to guess...

@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