Ajout d'un script pour réduire automatiquement les images affichées

Bonjour tout le monde,

j'ai appliqué un script qui fait que vous n'avez plus besoin de réduire les images avant de les poster, elles s'adapteront automatiquement à la largeur de l'écran sur lequel vous consulter le forum

Citation :

$(function () {

var getFancy = function () {
 $('head').append('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.4.2/jquery.fancybox.min.css"/><style>.fancybox-content{transition:none}</style>');
 $.ajax({url:'https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.4.2/jquery.fancybox.min.js',cache:true,dataType:"script"}).then(function(){
   $.fn.addBack = $.fn.addBack || function (selector) {
     return this.add(selector == null ? this.prevObject : this.prevObject.filter(selector));
   };
   $('body').css('transition-duration')!=='0s' && ($.fancybox.defaults.hideScrollbar = false);
 });
 getFancy = function () {};
};
var contents = $('.post-entry,.post-content,.content,td>.postbody');
contents.find('img').css({maxWidth:'100%'}).load(function () {
 var a = $(this).closest('a');
 if(a.is('[data-fancybox]') || a.length && !/^(.+)@\1$|\b(servimg\.com\/).*@.*\b\2(?!.*\/th\/)/.test(a.prop('href')+'@'+$(this).prop('src'))) return;
 if (150 < this.naturalWidth || 100 < this.naturalHeight) {
   $(this).wrap($('<a data-fancybox="gallery"/>').prop('href', $(this).prop('src'))).unbind('load');
   getFancy();
 }
}).load();

});

Il vous suffira, ensuite, lorsque vous chargerez des images depuis votre ordinateur de changer la limite 1024





Par non


Et vos images seront importées sans être redimensionnées !