Summary  
This chapter demonstrates how to structure and initialize a reusable image magnifier component by defining image data objects, injecting gallery elements into the DOM, and wiring up event-driven magnification using modular JavaScript and a lightbox library.  

General domain of usage  
Web-based image galleries and photo viewers

<a href="https://www.loom.com/share/e5d1f88c17b24e5794ee960b9ce14e4e" target="_blank">Video instructions</a>

<a href="https://github.com/olehplay/image-magnifier" target="_blank">Github Source Code</a>

PGxpbmsKICByZWw9InN0eWxlc2hlZXQiCiAgaHJlZj0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9iYXNpY2xpZ2h0Ym94QDUuMC40L2Rpc3QvYmFzaWNMaWdodGJveC5taW4uY3NzIgovPgo8bGluawogIHJlbD0ic3R5bGVzaGVldCIKICBocmVmPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzL2MxMDg3MzYzLTkwMjUtNGMzNy04ZDVlLTk4M2EzMmEwMDdlOS9pbWFnZS10b29scy1zZWN0aW9uL2ltYWdlLW1hZ25pZmllci5jc3MiCi8+Cgo8ZGl2IGNsYXNzPSJjdXN0b20tZ2FsbGVyeSI+PC9kaXY+Cgo8c2NyaXB0IHNyYz0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9iYXNpY2xpZ2h0Ym94QDUuMC40L2Rpc3QvYmFzaWNMaWdodGJveC5taW4uanMiPjwvc2NyaXB0Pgo8c2NyaXB0PgogIC8vIENIQU5HRSBUSEUgVVJMIE9GIFRIRSBJTUFHRSBBTkQgVEhFIElNQUdFIERFU0NSSVBUSU9OIChERVNDUklQVElPTiBpcyBvcHRpb25hbCkKICBjb25zdCBnYWxsZXJ5SXRlbXMgPSBbCiAgICB7CiAgICAgIGltYWdlOgogICAgICAgICJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTYyODEwMzU2ODc2Mi0wYjViYzkwYjg4MzA/cT04MCZ3PTI5NDAmYXV0bz1mb3JtYXQmZml0PWNyb3AmaXhsaWI9cmItNC4wLjMmaXhpZD1NM3d4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh4OGZBJTNEJTNEIiwKICAgICAgZGVzY3JpcHRpb246ICJzb21lIGRlc2NyaXB0aW9uIiwKICAgIH0sCiAgICAvLyBBZGQgbW9yZSBpbWFnZSBvYmplY3RzIGlmIG5lZWQKICBdOwo8L3NjcmlwdD4KPHNjcmlwdCBzcmM9Imh0dHBzOi8vY29kZWZpbml0eS1jb250ZW50LW1lZGlhLXYyLnMzLmV1LXdlc3QtMS5hbWF6b25hd3MuY29tL2NvdXJzZXMvYzEwODczNjMtOTAyNS00YzM3LThkNWUtOTgzYTMyYTAwN2U5L2ltYWdlLXRvb2xzLXNlY3Rpb24vaW1hZ2UtbWFnbmlmaWVyLXYyLmpzIj48L3NjcmlwdD4=

# If you need another image magnifier in the same chapter, then use the following code:

PGxpbmsKICByZWw9InN0eWxlc2hlZXQiCiAgaHJlZj0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9iYXNpY2xpZ2h0Ym94QDUuMC40L2Rpc3QvYmFzaWNMaWdodGJveC5taW4uY3NzIgovPgo8bGluawogIHJlbD0ic3R5bGVzaGVldCIKICBocmVmPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzL2MxMDg3MzYzLTkwMjUtNGMzNy04ZDVlLTk4M2EzMmEwMDdlOS9pbWFnZS10b29scy1zZWN0aW9uL2ltYWdlLW1hZ25pZmllci1zZWNvbmQuY3NzIgovPgoKPGRpdiBjbGFzcz0iY3VzdG9tLWdhbGxlcnktbmV3Ij48L2Rpdj4KCjxzY3JpcHQgc3JjPSJodHRwczovL2Nkbi5qc2RlbGl2ci5uZXQvbnBtL2Jhc2ljbGlnaHRib3hANS4wLjQvZGlzdC9iYXNpY0xpZ2h0Ym94Lm1pbi5qcyI+PC9zY3JpcHQ+CjxzY3JpcHQ+CiAgLy8gQ0hBTkdFIFRIRSBVUkwgT0YgVEhFIElNQUdFIEFORCBUSEUgSU1BR0UgREVTQ1JJUFRJT04gKERFU0NSSVBUSU9OIGlzIG9wdGlvbmFsKQogIGNvbnN0IGdhbGxlcnlJdGVtc05ldyA9IFsKICAgIHsKICAgICAgaW1hZ2U6CiAgICAgICAgImh0dHBzOi8vcGx1cy51bnNwbGFzaC5jb20vcHJlbWl1bV9waG90by0xNjY5MTQ0NjkwNjY1LTE3ZGRlMTI2OWY2OD9xPTgwJnc9MTc2OSZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZpeGxpYj1yYi00LjAuMyZpeGlkPU0zd3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHg4ZkElM0QlM0QiLAogICAgICBkZXNjcmlwdGlvbjogInNvbWUgZGVzY3JpcHRpb24iLAogICAgfSwKICAgIC8vIEFkZCBtb3JlIGltYWdlIG9iamVjdHMgaWYgbmVlZAogIF07Cjwvc2NyaXB0Pgo8c2NyaXB0IHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy9jMTA4NzM2My05MDI1LTRjMzctOGQ1ZS05ODNhMzJhMDA3ZTkvaW1hZ2UtdG9vbHMtc2VjdGlvbi9pbWFnZS1tYWduaWZpZXItc2Vjb25kLmpzIj48L3NjcmlwdD4=

PGxpbmsKICByZWw9InN0eWxlc2hlZXQiCiAgaHJlZj0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9iYXNpY2xpZ2h0Ym94QDUuMC40L2Rpc3QvYmFzaWNMaWdodGJveC5taW4uY3NzIgovPgo8bGluawogIHJlbD0ic3R5bGVzaGVldCIKICBocmVmPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzL2MxMDg3MzYzLTkwMjUtNGMzNy04ZDVlLTk4M2EzMmEwMDdlOS9pbWFnZS10b29scy1zZWN0aW9uL2ltYWdlLW1hZ25pZmllci10aGlyZC5jc3MiCi8+Cgo8ZGl2IGNsYXNzPSJjdXN0b20tZ2FsbGVyeS1uZXczIj48L2Rpdj4KCjxzY3JpcHQgc3JjPSJodHRwczovL2Nkbi5qc2RlbGl2ci5uZXQvbnBtL2Jhc2ljbGlnaHRib3hANS4wLjQvZGlzdC9iYXNpY0xpZ2h0Ym94Lm1pbi5qcyI+PC9zY3JpcHQ+CjxzY3JpcHQ+CiAgLy8gQ0hBTkdFIFRIRSBVUkwgT0YgVEhFIElNQUdFIEFORCBUSEUgSU1BR0UgREVTQ1JJUFRJT04gKERFU0NSSVBUSU9OIGlzIG9wdGlvbmFsKQogIGNvbnN0IGdhbGxlcnlJdGVtc05ldzMgPSBbCiAgICB7CiAgICAgIGltYWdlOgogICAgICAgICJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTcwMDY0MTg1Mzc4OS0wMDJkYTQ3NTJjMDc/cT04MCZ3PTIwNzEmYXV0bz1mb3JtYXQmZml0PWNyb3AmaXhsaWI9cmItNC4wLjMmaXhpZD1NM3d4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh4OGZBJTNEJTNEIiwKICAgICAgZGVzY3JpcHRpb246ICJzb21lIGRlc2NyaXB0aW9uIiwKICAgIH0sCiAgICAvLyBBZGQgbW9yZSBpbWFnZSBvYmplY3RzIGlmIG5lZWQKICBdOwo8L3NjcmlwdD4KCjxzY3JpcHQgc3JjPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzL2MxMDg3MzYzLTkwMjUtNGMzNy04ZDVlLTk4M2EzMmEwMDdlOS9pbWFnZS10b29scy1zZWN0aW9uL2ltYWdlLW1hZ25pZmllci10aGlyZC5qcyI+PC9zY3JpcHQ+Cg==

PGxpbmsKICByZWw9InN0eWxlc2hlZXQiCiAgaHJlZj0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9iYXNpY2xpZ2h0Ym94QDUuMC40L2Rpc3QvYmFzaWNMaWdodGJveC5taW4uY3NzIgovPgoKPGxpbmsKICByZWw9InN0eWxlc2hlZXQiCiAgaHJlZj0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy9jMTA4NzM2My05MDI1LTRjMzctOGQ1ZS05ODNhMzJhMDA3ZTkvaW1hZ2UtdG9vbHMtc2VjdGlvbi9pbWFnZS1tYWduaWZpZXItZm9ydGguY3NzIgovPgoKPGRpdiBjbGFzcz0iY3VzdG9tLWdhbGxlcnktbmV3NCI+PC9kaXY+Cgo8c2NyaXB0IHNyYz0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9iYXNpY2xpZ2h0Ym94QDUuMC40L2Rpc3QvYmFzaWNMaWdodGJveC5taW4uanMiPjwvc2NyaXB0Pgo8c2NyaXB0PgogIC8vIENIQU5HRSBUSEUgVVJMIE9GIFRIRSBJTUFHRSBBTkQgVEhFIElNQUdFIERFU0NSSVBUSU9OIChERVNDUklQVElPTiBpcyBvcHRpb25hbCkKICBjb25zdCBnYWxsZXJ5SXRlbXNOZXc0ID0gWwogICAgewogICAgICBpbWFnZToKICAgICAgICAiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE2ODI2ODY1ODE0MTMtMGEwZWM5YmIzNWJiP3E9ODAmdz0yMDcwJmF1dG89Zm9ybWF0JmZpdD1jcm9wJml4bGliPXJiLTQuMC4zJml4aWQ9TTN3eE1qQTNmREY4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIeDhmQSUzRCUzRCIsCiAgICAgIGRlc2NyaXB0aW9uOiAic29tZSBkZXNjcmlwdGlvbiIsCiAgICB9LAogICAgLy8gQWRkIG1vcmUgaW1hZ2Ugb2JqZWN0cyBpZiBuZWVkCiAgXTsKPC9zY3JpcHQ+CjxzY3JpcHQgc3JjPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzL2MxMDg3MzYzLTkwMjUtNGMzNy04ZDVlLTk4M2EzMmEwMDdlOS9pbWFnZS10b29scy1zZWN0aW9uL2ltYWdlLW1hZ25pZmllci1mb3J0aC5qcyI+PC9zY3JpcHQ+Cg==

PGxpbmsKICByZWw9InN0eWxlc2hlZXQiCiAgaHJlZj0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9iYXNpY2xpZ2h0Ym94QDUuMC40L2Rpc3QvYmFzaWNMaWdodGJveC5taW4uY3NzIgovPgo8bGluawogIHJlbD0ic3R5bGVzaGVldCIKICBocmVmPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzL2MxMDg3MzYzLTkwMjUtNGMzNy04ZDVlLTk4M2EzMmEwMDdlOS9pbWFnZS10b29scy1zZWN0aW9uL2ltYWdlLW1hZ25pZmllci1maWZ0aC5jc3MiCi8+Cgo8ZGl2IGNsYXNzPSJjdXN0b20tZ2FsbGVyeS1uZXc1Ij48L2Rpdj4KCjxzY3JpcHQgc3JjPSJodHRwczovL2Nkbi5qc2RlbGl2ci5uZXQvbnBtL2Jhc2ljbGlnaHRib3hANS4wLjQvZGlzdC9iYXNpY0xpZ2h0Ym94Lm1pbi5qcyI+PC9zY3JpcHQ+CjxzY3JpcHQ+CiAgLy8gQ0hBTkdFIFRIRSBVUkwgT0YgVEhFIElNQUdFIEFORCBUSEUgSU1BR0UgREVTQ1JJUFRJT04gKERFU0NSSVBUSU9OIGlzIG9wdGlvbmFsKQogIGNvbnN0IGdhbGxlcnlJdGVtc05ldzUgPSBbCiAgICB7CiAgICAgIGltYWdlOgogICAgICAgICJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTcwMDY3NTY1NDIyMS1kOWM2MmJlNzUxYzg/cT04MCZ3PTIwNzEmYXV0bz1mb3JtYXQmZml0PWNyb3AmaXhsaWI9cmItNC4wLjMmaXhpZD1NM3d4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh4OGZBJTNEJTNEIiwKICAgICAgZGVzY3JpcHRpb246ICJzb21lIGRlc2NyaXB0aW9uIiwKICAgIH0sCiAgICAvLyBBZGQgbW9yZSBpbWFnZSBvYmplY3RzIGlmIG5lZWQKICBdOwo8L3NjcmlwdD4KPHNjcmlwdCBzcmM9Imh0dHBzOi8vY29kZWZpbml0eS1jb250ZW50LW1lZGlhLXYyLnMzLmV1LXdlc3QtMS5hbWF6b25hd3MuY29tL2NvdXJzZXMvYzEwODczNjMtOTAyNS00YzM3LThkNWUtOTgzYTMyYTAwN2U5L2ltYWdlLXRvb2xzLXNlY3Rpb24vaW1hZ2UtbWFnbmlmaWVyLWZpZnRoLmpzIj48L3NjcmlwdD4K

PGxpbmsKICByZWw9InN0eWxlc2hlZXQiCiAgaHJlZj0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9iYXNpY2xpZ2h0Ym94QDUuMC40L2Rpc3QvYmFzaWNMaWdodGJveC5taW4uY3NzIgovPgo8bGluawogIHJlbD0ic3R5bGVzaGVldCIKICBocmVmPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzL2MxMDg3MzYzLTkwMjUtNGMzNy04ZDVlLTk4M2EzMmEwMDdlOS9pbWFnZS10b29scy1zZWN0aW9uL2ltYWdlLW1hZ25pZmllci1zaXh0aC5jc3MiCi8+Cgo8ZGl2IGNsYXNzPSJjdXN0b20tZ2FsbGVyeS1uZXc2Ij48L2Rpdj4KCjxzY3JpcHQgc3JjPSJodHRwczovL2Nkbi5qc2RlbGl2ci5uZXQvbnBtL2Jhc2ljbGlnaHRib3hANS4wLjQvZGlzdC9iYXNpY0xpZ2h0Ym94Lm1pbi5qcyI+PC9zY3JpcHQ+CjxzY3JpcHQ+CiAgLy8gQ0hBTkdFIFRIRSBVUkwgT0YgVEhFIElNQUdFIEFORCBUSEUgSU1BR0UgREVTQ1JJUFRJT04gKERFU0NSSVBUSU9OIGlzIG9wdGlvbmFsKQogIGNvbnN0IGdhbGxlcnlJdGVtc05ldzYgPSBbCiAgICB7CiAgICAgIGltYWdlOgogICAgICAgICJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTYzMzg5NTEzNjQ4OC01YTI4NjgzNDczYTE/cT04MCZ3PTE5NzAmYXV0bz1mb3JtYXQmZml0PWNyb3AmaXhsaWI9cmItNC4wLjMmaXhpZD1NM3d4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh4OGZBJTNEJTNEIiwKICAgICAgZGVzY3JpcHRpb246ICJzb21lIGRlc2NyaXB0aW9uIiwKICAgIH0sCiAgICAvLyBBZGQgbW9yZSBpbWFnZSBvYmplY3RzIGlmIG5lZWQKICBdOwo8L3NjcmlwdD4KPHNjcmlwdCBzcmM9Imh0dHBzOi8vY29kZWZpbml0eS1jb250ZW50LW1lZGlhLXYyLnMzLmV1LXdlc3QtMS5hbWF6b25hd3MuY29tL2NvdXJzZXMvYzEwODczNjMtOTAyNS00YzM3LThkNWUtOTgzYTMyYTAwN2U5L2ltYWdlLXRvb2xzLXNlY3Rpb24vaW1hZ2UtbWFnbmlmaWVyLXNpeHRoLmpzIj48L3NjcmlwdD4K

PGxpbmsKICByZWw9InN0eWxlc2hlZXQiCiAgaHJlZj0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9iYXNpY2xpZ2h0Ym94QDUuMC40L2Rpc3QvYmFzaWNMaWdodGJveC5taW4uY3NzIgovPgo8bGluawogIHJlbD0ic3R5bGVzaGVldCIKICBocmVmPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzL2MxMDg3MzYzLTkwMjUtNGMzNy04ZDVlLTk4M2EzMmEwMDdlOS9pbWFnZS10b29scy1zZWN0aW9uL2ltYWdlLW1hZ25pZmllci1zZXZlbnRoLmNzcyIKLz4KCjxkaXYgY2xhc3M9ImN1c3RvbS1nYWxsZXJ5LW5ldzciPjwvZGl2PgoKPHNjcmlwdCBzcmM9Imh0dHBzOi8vY2RuLmpzZGVsaXZyLm5ldC9ucG0vYmFzaWNsaWdodGJveEA1LjAuNC9kaXN0L2Jhc2ljTGlnaHRib3gubWluLmpzIj48L3NjcmlwdD4KPHNjcmlwdD4KICAvLyBDSEFOR0UgVEhFIFVSTCBPRiBUSEUgSU1BR0UgQU5EIFRIRSBJTUFHRSBERVNDUklQVElPTiAoREVTQ1JJUFRJT04gaXMgb3B0aW9uYWwpCiAgY29uc3QgZ2FsbGVyeUl0ZW1zTmV3NyA9IFsKICAgIHsKICAgICAgaW1hZ2U6CiAgICAgICAgImh0dHBzOi8vcGx1cy51bnNwbGFzaC5jb20vcHJlbWl1bV9waG90by0xNjcxNDk2NDUwNDM4LTZhOWM5MGFiODdhMD9xPTgwJnc9MjA3MSZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZpeGxpYj1yYi00LjAuMyZpeGlkPU0zd3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHg4ZkElM0QlM0QiLAogICAgICBkZXNjcmlwdGlvbjogInNvbWUgZGVzY3JpcHRpb24iLAogICAgfSwKICAgIC8vIEFkZCBtb3JlIGltYWdlIG9iamVjdHMgaWYgbmVlZAogIF07Cjwvc2NyaXB0Pgo8c2NyaXB0IHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy9jMTA4NzM2My05MDI1LTRjMzctOGQ1ZS05ODNhMzJhMDA3ZTkvaW1hZ2UtdG9vbHMtc2VjdGlvbi9pbWFnZS1tYWduaWZpZXItc2V2ZW50aC5qcyI+PC9zY3JpcHQ+Cg==

PGxpbmsKICByZWw9InN0eWxlc2hlZXQiCiAgaHJlZj0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9iYXNpY2xpZ2h0Ym94QDUuMC40L2Rpc3QvYmFzaWNMaWdodGJveC5taW4uY3NzIgovPgoKPGxpbmsKICByZWw9InN0eWxlc2hlZXQiCiAgaHJlZj0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy9jMTA4NzM2My05MDI1LTRjMzctOGQ1ZS05ODNhMzJhMDA3ZTkvaW1hZ2UtdG9vbHMtc2VjdGlvbi9pbWFnZS1tYWduaWZpZXItZWlnaHRoLmNzcyIKLz4KCjxkaXYgY2xhc3M9ImN1c3RvbS1nYWxsZXJ5LW5ldzgiPjwvZGl2PgoKPHNjcmlwdCBzcmM9Imh0dHBzOi8vY2RuLmpzZGVsaXZyLm5ldC9ucG0vYmFzaWNsaWdodGJveEA1LjAuNC9kaXN0L2Jhc2ljTGlnaHRib3gubWluLmpzIj48L3NjcmlwdD4KPHNjcmlwdD4KICAvLyBDSEFOR0UgVEhFIFVSTCBPRiBUSEUgSU1BR0UgQU5EIFRIRSBJTUFHRSBERVNDUklQVElPTiAoREVTQ1JJUFRJT04gaXMgb3B0aW9uYWwpCiAgY29uc3QgZ2FsbGVyeUl0ZW1zTmV3OCA9IFsKICAgIHsKICAgICAgaW1hZ2U6CiAgICAgICAgImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNzA3MzI3OTU2ODUxLTMwYTUzMWI3MGNkYT9xPTgwJnc9Mjk0MCZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZpeGxpYj1yYi00LjAuMyZpeGlkPU0zd3hNakEzZkRGOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHg4ZkElM0QlM0QiLAogICAgICBkZXNjcmlwdGlvbjogInNvbWUgZGVzY3JpcHRpb24iLAogICAgfSwKICAgIC8vIEFkZCBtb3JlIGltYWdlIG9iamVjdHMgaWYgbmVlZAogIF07Cjwvc2NyaXB0PgoKPHNjcmlwdCBzcmM9Imh0dHBzOi8vY29kZWZpbml0eS1jb250ZW50LW1lZGlhLXYyLnMzLmV1LXdlc3QtMS5hbWF6b25hd3MuY29tL2NvdXJzZXMvYzEwODczNjMtOTAyNS00YzM3LThkNWUtOTgzYTMyYTAwN2U5L2ltYWdlLXRvb2xzLXNlY3Rpb24vaW1hZ2UtbWFnbmlmaWVyLWVpZ2h0aC5qcyI+PC9zY3JpcHQ+Cg==

PGxpbmsKICByZWw9InN0eWxlc2hlZXQiCiAgaHJlZj0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9iYXNpY2xpZ2h0Ym94QDUuMC40L2Rpc3QvYmFzaWNMaWdodGJveC5taW4uY3NzIgovPgoKPGxpbmsKICByZWw9InN0eWxlc2hlZXQiCiAgaHJlZj0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy9jMTA4NzM2My05MDI1LTRjMzctOGQ1ZS05ODNhMzJhMDA3ZTkvaW1hZ2UtdG9vbHMtc2VjdGlvbi9pbWFnZS1tYWduaWZpZXItbmludGguY3NzIgovPgo8ZGl2IGNsYXNzPSJjdXN0b20tZ2FsbGVyeS1uZXc5Ij48L2Rpdj4KCjxzY3JpcHQgc3JjPSJodHRwczovL2Nkbi5qc2RlbGl2ci5uZXQvbnBtL2Jhc2ljbGlnaHRib3hANS4wLjQvZGlzdC9iYXNpY0xpZ2h0Ym94Lm1pbi5qcyI+PC9zY3JpcHQ+CjxzY3JpcHQ+CiAgLy8gQ0hBTkdFIFRIRSBVUkwgT0YgVEhFIElNQUdFIEFORCBUSEUgSU1BR0UgREVTQ1JJUFRJT04gKERFU0NSSVBUSU9OIGlzIG9wdGlvbmFsKQogIGNvbnN0IGdhbGxlcnlJdGVtc05ldzkgPSBbCiAgICB7CiAgICAgIGltYWdlOgogICAgICAgICJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTUyNDY5Nzk1ODQwMC02Mzk3MGRjOWUxNzg/cT04MCZ3PTMwMTMmYXV0bz1mb3JtYXQmZml0PWNyb3AmaXhsaWI9cmItNC4wLjMmaXhpZD1NM3d4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh4OGZBJTNEJTNEIiwKICAgICAgZGVzY3JpcHRpb246ICJzb21lIGRlc2NyaXB0aW9uIiwKICAgIH0sCiAgICAvLyBBZGQgbW9yZSBpbWFnZSBvYmplY3RzIGlmIG5lZWQKICBdOwo8L3NjcmlwdD4KCjxzY3JpcHQgc3JjPSJodHRwczovL2NvZGVmaW5pdHktY29udGVudC1tZWRpYS12Mi5zMy5ldS13ZXN0LTEuYW1hem9uYXdzLmNvbS9jb3Vyc2VzL2MxMDg3MzYzLTkwMjUtNGMzNy04ZDVlLTk4M2EzMmEwMDdlOS9pbWFnZS10b29scy1zZWN0aW9uL2ltYWdlLW1hZ25pZmllci1uaW50aC5qcyI+PC9zY3JpcHQ+Cg==

This section contains a variety of buttons, each designed to perform a specific function.

This section provides auxiliary tools that support content formatting and data manipulation.

This section contains additional features and tools designed to provide enhanced functionality.

This section contains various text box elements.

Please don't use any elements from this section, as it doesn't provide any value for the content development. Thank you!

Please note that the elements in this section are deprecated and no longer recommended for use. It would be best to avoid using them moving forward. Thank you!

+ (deprecated) Image Magnifier

Local Source Code

If you need another image magnifier in the same chapter, then use the following code:

Local Source Code for the Second

3rd Image magnifier

4th image magnifier

5th image magnifier

6th image magnifier

7th image magnifier

8th Image Magnifier

9th Image Magnifier