L'implémentation du mode histoire consiste à charger uniquement la photo actuellement parcourue et les deux photos en dessous. La zone de commentaire sera chargée et rendue lorsque la photo est chargée. Avant le chargement de l'image, une image d'un pixel sera utilisée. comme espace réservé, et une classe de chargement affichera une image d'arrière-plan de chargement, qui sera remplacée par une image réelle lorsqu'elle sera jugée être dans la zone visible. Une fois l'image chargée avec succès, la classe de chargement sera supprimée.
Le problème réside à la fin. Lors du test, il a été constaté que la classe de chargement ne peut pas être supprimée sous IE. Le code à ce moment-là était le suivant :
Conclusion : Onload doit être écrit devant src, dites d'abord au navigateur quoi faire une fois l'image chargée, puis laissez-le charger l'image. Par conséquent, ce n'est pas que le navigateur IE ne déclenche pas l'événement onload, mais parce que la vitesse du tampon de chargement est trop rapide. Il a déjà terminé le chargement sans lui dire quoi faire après le chargement. En revanche, Firefox est évidemment plus intelligent. Après avoir ajouté l'événement onload, le navigateur Firefox détectera si l'image existe déjà dans le buffer. Si c'est le cas, il déclenchera directement cet événement !