Mmmm... c'est un peu compliqué pour juste ça, non ? ou c'est moi ? (j'ai ptêt pas tout compris )

je me disais que pour les jpeg, ce serait peut-être possible de combiner un jpeg progressif avec un style:blur() jusqu'au chargement de l'image, lors duquel on virerait le blur via js.

genre:

css:
img.blur{
    filter:blur(50)
}

et en js:
img=document.getElementsByTagName("img");
[].forEach.call(img, function(el) {
    el.addEventListener("onload", function(image){
        image.classList.remove("blur");
    });
});

L'avantage, c'est qu'il n'y a rien en backend... C'est juste une idée, j'ai pas DU TOUT testé, hein...

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

Après consultation de moi-même et longue délibération, voici ma favorite:

This is bad on so many levels ...

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

Après une déconvenue liée aux spoilers sur Starwars (désolé les gars ) j'ai un peu amélioré les deux plugins suivants:

1. Markdown_parser: j'ai ajouté un item spoiler qui utilise la balise html détails
2. j'ai modifié pluxml2mastodon pour qu'il remplace le spoiler par une alerte.

Voilà.

Comme toujours, voir le repo pour les récupérer.

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

Très intéressant ça ! Riditléteur... Merci Seb ! (et bonne année ! )

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

OMFG ! JE SUIS MORT DE RIRE ! (merci copain !)

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires