Bonjour,
j'ai une page qui charge une image assez volumineuse et je voudrai faire patienter le visiteur avec un petit gif de chargement. Un peu comme quand une lightbox charge l'image.
Quelqu'un sais comment faire?
Cordialement.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml;charset=iso-8859-15" /> <title>Exemple</title> <script type="text/javascript" src="jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="fct.js"></script> </head> <body> <div><img id="MYBigFile" src="image_1900x1200.jpg" style="display: none;"><img id="Loading" src="loading.gif"></div> </body> </html>
$('#MYBigFile').load(function () {
$('#Loading').remove();
$('#MYBigFile').show(200);
});
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml;charset=iso-8859-15" /> <title>Exemple</title> <script type="text/javascript" src="jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="fct.js"></script> </head> <body> <div id="UN"><img id="MYBigFile" src="[AnimePaper]wallpapers_Macross-Frontier_Anime-SEED-Otaku(1.58)_1900x1200_82467.jpg"></div> <div id="DEUX"><img id="Loading" src="loading.gif"></div> </body> </html>
$(function(){
$("#MYBigFile").load(function () {
$("#DEUX").remove();
$("#UN").show(200);
});
<div id="conteneur" style="background:url(images/fond/fond_accueil.jpg) no-repeat;">
Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.