Sur le forum, les images HTTP ne peuvent plus apparaître et c'est normal. Mais du coup il y a pas mal de trous en particulier dans les messages anciens.
Idée : remplacer les images http par des liens externes afin qu'on puisse au moins cliquer pour aller les voir.
Problème : un remplacement de tous les liens avec le protocole https a déjà été fait, donc difficile de détecter les liens concernés (= ceux pour lesquels l'adresse en https ne marche pas).
Bref, une solution possible : détecter automatiquement les images cassées et les remplacer, grâce à onerror
Soit
- Code: Tout sélectionner
<img src="https://image_ko/" onerror="img_error(this);">
...
function img_error(img) {
$(img).unbind('error').attr('data-src', $(this).attr('src')).attr('src', './images/smilies/icon_e_confused.gif').on('click', function() { window.open($(this).data('src'), '_blank') });
}
Ou si c'est trop compliqué de corriger la génération du code à partir du bbcode, le mettre au niveau de la page :
- Code: Tout sélectionner
$('.postbody .content img[src^=https]').on('error', function(img) {
$(this).unbind('error')
.css('width', '50px')
.attr('data-src', $(this).attr('src'))
.attr('src', './images/smilies/icon_e_confused.gif')
.on('click', function() { window.open($(this).data('src').replace('https', 'http'), '_blank') });
});
$(window).load(function() {
$('.postbody .content img[src^=https]').each(function() {
if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) {
$(this).trigger('error');
}
});
});
Le code ci-dessus fonctionne aussi dans un userscript, je l'ai mis là chez moi, ça sera pratique en attendant qu'un admin corrige pour de vrai.
Testé avec succès sur
ce thread où des gens parlent d'une couverture qu'on ne voit pas !
edits : amélioration
![[:fantaroux:2]](./images/smilies/fantaroux.gif "Au revoir")
![[:flocon:2]](./images/smilies/flocon2.gif "Bravo")
