Je travaillais récemment sur un site qui devait afficher des photos en plein écran avec une qualité élevée. J’ai voulu trouver un moyen de précharger ces images afin qu’elles ne s’affichent pas abrutement à leur chargement mais avec un fondu et quand je l’avais décidé.
Pour cela, il existe trois solutions : la très rapide, la rapide et la très lente.
La très lente
Dans mes égarements codistiques, je me suis demandé si une requête AJAX en GET aurait des chances de fonctionner correctement avec une image.
C’est le cas, mais le résultat avec la méthode get de jQuery sont très mauvais niveau performances. A proscrire donc. Voici tout de même le code :
var url = 'mon-image.jpg';
$.get(url, function(img){
$('<img/>').attr('src', url).appendTo('body');
});
La rapide
Cette méthode utilise la syntaxe jQuery. Si vous n’êtes pas à 2 ms prêt (mais vous devriez toujours l’être), vous pouvez l’utiliser afin de garder un peu de cohérence dans votre code.
Continue reading “Précharger des images avec jQuery (ou pas)”
La plupart des intégrateurs utilisent la fonction Enregister pour le web de Photoshop pour exporter leurs images. Etonnement, l’export jpeg de celui-ci n’est pas très optimisé et Fireworks fait un bien meilleur travail de ce côté-là.
