Similar changes are also done in team.html & event.html
Type of change
Please delete options that are not relevant.
[x] New feature (non-breaking change which adds functionality)
[x] Declared a new class .lazyload in images.
[x] Replaced src attribute with data-src which will be change into src once image is in viewport, hence rendering images only when they are in viewport.
Checklist:
[x] My code follows the style guidelines of this project
[x] I have performed a self-review of my own code
[x] I have commented my code, particularly in hard-to-understand areas
[x] I have made corresponding changes to the documentation
Description
Added a new lazy loading feature for faster rendering of webpages containing several
.jpg
,.jpeg
,.svg
&.png
files.Fixes #78
Index.html Before https://user-images.githubusercontent.com/66073063/103769825-00231300-504b-11eb-89b7-3e25412f6db2.mp4
Index.html After https://user-images.githubusercontent.com/66073063/103770007-4aa48f80-504b-11eb-81a4-eb46de56b3bf.mp4
Similar changes are also done in team.html & event.html
Type of change
Please delete options that are not relevant.
.lazyload
in images.src
attribute withdata-src
which will be change intosrc
once image is in viewport, hence rendering images only when they are in viewport.Checklist: