Zoom Hover Gallery<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n \/* Using a style tag for any minor custom tweaks if needed,\n but Tailwind classes will handle the main effect. *\/\n body {\n font-family: 'Inter', sans-serif;\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100\">\n\n <div class=\"container mx-auto px-4 py-12\">\n <h1 class=\"text-3xl font-bold text-center text-gray-800 mb-2\">Photo Gallery<\/h1>\n \n <p class=\"text-center text-gray-600 mb-10\">Hover to zoom, click to enlarge.<\/p>\n\n \n <div id=\"gallery-grid\" class=\"grid grid-cols-3 gap-6\">\n \n \n\n <\/div>\n <\/div>\n\n \n <div id=\"lightbox\" class=\"fixed inset-0 bg-black bg-opacity-80 flex items-center justify-center p-4 z-50 hidden\">\n \n <button id=\"close-lightbox\" class=\"absolute top-6 right-6 text-white text-5xl z-60 leading-none\">×<\/button>\n \n <img decoding=\"async\" id=\"lightbox-image\" src=\"\" alt=\"Full size photo\" class=\"max-w-full max-h-full rounded-lg shadow-lg\">\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const galleryGrid = document.getElementById('gallery-grid');\n const lightbox = document.getElementById('lightbox');\n const lightboxImage = document.getElementById('lightbox-image');\n const closeLightbox = document.getElementById('close-lightbox');\n\n \/\/ --- START OF EDIT ---\n \/\/ Create an array of the image URLs you provided\n const imageUrls = [\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/30-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/3-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/26-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/29-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/25-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/20-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/17-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/15-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/10-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/13-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/11-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/9-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/12-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/8-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/7-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/2-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/1.jpg\"\n ];\n\n \/\/ 1. Populate the gallery by looping through the array\n let galleryHtml = '';\n imageUrls.forEach((url, index) => {\n const errorSrc = `https:\/\/placehold.co\/400x400\/FF0000\/FFFFFF?text=Error+${index + 1}`;\n\n galleryHtml += `\n \n <div class=\"aspect-square bg-white rounded-lg shadow-md overflow-hidden transition-shadow duration-300 hover:shadow-xl cursor-pointer\">\n <img decoding=\"async\" \n src=\"${url}\" \n data-large-src=\"${url}\"\n alt=\"Gallery Image ${index + 1}\"\n class=\"gallery-thumbnail w-full h-full object-cover transition-transform duration-300 ease-in-out hover:scale-125\"\n onerror=\"this.src='${errorSrc}'; this.onerror=null;\"\n >\n <\/div>\n `;\n });\n galleryGrid.innerHTML = galleryHtml;\n \/\/ --- END OF EDIT ---\n\n\n \/\/ 2. Add Lightbox Click Listeners using Event Delegation\n galleryGrid.addEventListener('click', (e) => {\n const img = e.target.closest('.gallery-thumbnail');\n if (img) {\n const largeSrc = img.getAttribute('data-large-src');\n if (largeSrc) {\n lightboxImage.setAttribute('src', largeSrc);\n lightbox.classList.remove('hidden');\n }\n }\n });\n\n \/\/ 3. Function to close the lightbox\n const closeFunc = () => {\n lightbox.classList.add('hidden');\n lightboxImage.setAttribute('src', ''); \/\/ Clear src to avoid showing old image briefly\n };\n\n \/\/ 4. Add Close Event Listeners\n closeLightbox.addEventListener('click', closeFunc);\n \n lightbox.addEventListener('click', (e) => {\n \/\/ Only close if clicking the backdrop itself, not the image\n if (e.target === lightbox) {\n closeFunc();\n }\n });\n\n \/\/ 5. Close on Escape key press\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape' && !lightbox.classList.contains('hidden')) {\n closeFunc();\n }\n });\n });\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Gombak, 6 November 2025 \u2013 The Finance Division of the International Islamic University Malaysia (IIUM) received a working visit from the Treasury Department of Universiti Sains Islam Malaysia (USIM) this morning. The delegation was led by Madam Zuraida Zakaria, Head of the Treasury Department, USIM. The visiting delegation was welcomed by the Finance Director of …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/division.iium.edu.my\/finance\/sesi-lawatan-kerja-jabatan-bendahari-universiti-sains-islam-malaysia-usim-ke-bahagian-kewanganuniversiti-islam-antarabangsa-malaysia-iium\/\"> <span class=\"screen-reader-text\">Working Visit Session of the Treasury Department, Universiti Sains Islam Malaysia (USIM)<\/span> Read More »<\/a><\/p>\n","protected":false},"author":14,"featured_media":12563,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"categories":[59],"tags":[],"class_list":["post-12418","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-event-and-activity"],"_links":{"self":[{"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/posts\/12418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/comments?post=12418"}],"version-history":[{"count":8,"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/posts\/12418\/revisions"}],"predecessor-version":[{"id":12561,"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/posts\/12418\/revisions\/12561"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/media\/12563"}],"wp:attachment":[{"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/media?parent=12418"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/categories?post=12418"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/tags?post=12418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":12418,"date":"2025-11-07T10:59:48","date_gmt":"2025-11-07T02:59:48","guid":{"rendered":"https:\/\/division.iium.edu.my\/finance\/?p=12418"},"modified":"2025-11-27T12:22:51","modified_gmt":"2025-11-27T04:22:51","slug":"sesi-lawatan-kerja-jabatan-bendahari-universiti-sains-islam-malaysia-usim-ke-bahagian-kewanganuniversiti-islam-antarabangsa-malaysia-iium","status":"publish","type":"post","link":"https:\/\/division.iium.edu.my\/finance\/sesi-lawatan-kerja-jabatan-bendahari-universiti-sains-islam-malaysia-usim-ke-bahagian-kewanganuniversiti-islam-antarabangsa-malaysia-iium\/","title":{"rendered":"Working Visit Session of the Treasury Department, Universiti Sains Islam Malaysia (USIM)"},"content":{"rendered":"\n

Gombak, 6 November 2025 \u2013 The Finance Division of the International Islamic University Malaysia (IIUM) received a working visit from the Treasury Department of Universiti Sains Islam Malaysia (USIM) this morning. The delegation was led by Madam Zuraida Zakaria, Head of the Treasury Department, USIM.

The visiting delegation was welcomed by the Finance Director of IIUM, Sir Mohamad Nasir Kama, and the Senior Deputy Director of the Information Technology Division (Financial Application Systems), Madam Siti Zarina Muhamat.

The purpose of this visit was to conduct a working session and benchmarking exercise, as well as to share experiences and knowledge regarding the successful implementation of IIUM\u2019s Integrated Receipts System, also known as IIUM EzPay. Key focus areas included the system\u2019s ability to generate official receipts in real-time and its capability to organise and streamline crowdfunding activities conducted at the university in a more structured, efficient, and systematic manner.

IIUM EzPay is an online payment platform that facilitates efficient payment of fees and other services for IIUM students, clients, and staff. The system provides 24\/7 access, allowing users to make payments via various methods such as e-wallets, credit cards, debit cards, and internet banking. It also provides payment confirmations and notifications, while storing transaction records that can be accessed for future reference. IIUM EzPay is equipped with robust security measures and delivers a seamless, fast, and secure payment experience for students and staff.

IIUM and the Finance Division would like to express their sincere gratitude to USIM for this visit. It is hoped that this working session will enhance knowledge on receipt management governance and new technologies, while also fostering a strong collaborative relationship between IIUM and USIM.<\/p>\n\n\n\n\n\n\n \n \n Zoom Hover Gallery<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n \/* Using a style tag for any minor custom tweaks if needed,\n but Tailwind classes will handle the main effect. *\/\n body {\n font-family: 'Inter', sans-serif;\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100\">\n\n <div class=\"container mx-auto px-4 py-12\">\n <h1 class=\"text-3xl font-bold text-center text-gray-800 mb-2\">Photo Gallery<\/h1>\n \n <p class=\"text-center text-gray-600 mb-10\">Hover to zoom, click to enlarge.<\/p>\n\n \n <div id=\"gallery-grid\" class=\"grid grid-cols-3 gap-6\">\n \n \n\n <\/div>\n <\/div>\n\n \n <div id=\"lightbox\" class=\"fixed inset-0 bg-black bg-opacity-80 flex items-center justify-center p-4 z-50 hidden\">\n \n <button id=\"close-lightbox\" class=\"absolute top-6 right-6 text-white text-5xl z-60 leading-none\">×<\/button>\n \n <img decoding=\"async\" id=\"lightbox-image\" src=\"\" alt=\"Full size photo\" class=\"max-w-full max-h-full rounded-lg shadow-lg\">\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const galleryGrid = document.getElementById('gallery-grid');\n const lightbox = document.getElementById('lightbox');\n const lightboxImage = document.getElementById('lightbox-image');\n const closeLightbox = document.getElementById('close-lightbox');\n\n \/\/ --- START OF EDIT ---\n \/\/ Create an array of the image URLs you provided\n const imageUrls = [\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/30-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/3-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/26-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/29-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/25-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/20-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/17-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/15-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/10-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/13-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/11-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/9-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/12-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/8-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/7-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/2-1024x768.jpg\",\n \"https:\/\/division.iium.edu.my\/finance\/wp-content\/uploads\/sites\/6\/2025\/11\/1.jpg\"\n ];\n\n \/\/ 1. Populate the gallery by looping through the array\n let galleryHtml = '';\n imageUrls.forEach((url, index) => {\n const errorSrc = `https:\/\/placehold.co\/400x400\/FF0000\/FFFFFF?text=Error+${index + 1}`;\n\n galleryHtml += `\n \n <div class=\"aspect-square bg-white rounded-lg shadow-md overflow-hidden transition-shadow duration-300 hover:shadow-xl cursor-pointer\">\n <img decoding=\"async\" \n src=\"${url}\" \n data-large-src=\"${url}\"\n alt=\"Gallery Image ${index + 1}\"\n class=\"gallery-thumbnail w-full h-full object-cover transition-transform duration-300 ease-in-out hover:scale-125\"\n onerror=\"this.src='${errorSrc}'; this.onerror=null;\"\n >\n <\/div>\n `;\n });\n galleryGrid.innerHTML = galleryHtml;\n \/\/ --- END OF EDIT ---\n\n\n \/\/ 2. Add Lightbox Click Listeners using Event Delegation\n galleryGrid.addEventListener('click', (e) => {\n const img = e.target.closest('.gallery-thumbnail');\n if (img) {\n const largeSrc = img.getAttribute('data-large-src');\n if (largeSrc) {\n lightboxImage.setAttribute('src', largeSrc);\n lightbox.classList.remove('hidden');\n }\n }\n });\n\n \/\/ 3. Function to close the lightbox\n const closeFunc = () => {\n lightbox.classList.add('hidden');\n lightboxImage.setAttribute('src', ''); \/\/ Clear src to avoid showing old image briefly\n };\n\n \/\/ 4. Add Close Event Listeners\n closeLightbox.addEventListener('click', closeFunc);\n \n lightbox.addEventListener('click', (e) => {\n \/\/ Only close if clicking the backdrop itself, not the image\n if (e.target === lightbox) {\n closeFunc();\n }\n });\n\n \/\/ 5. Close on Escape key press\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape' && !lightbox.classList.contains('hidden')) {\n closeFunc();\n }\n });\n });\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Gombak, 6 November 2025 \u2013 The Finance Division of the International Islamic University Malaysia (IIUM) received a working visit from the Treasury Department of Universiti Sains Islam Malaysia (USIM) this morning. The delegation was led by Madam Zuraida Zakaria, Head of the Treasury Department, USIM. The visiting delegation was welcomed by the Finance Director of …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/division.iium.edu.my\/finance\/sesi-lawatan-kerja-jabatan-bendahari-universiti-sains-islam-malaysia-usim-ke-bahagian-kewanganuniversiti-islam-antarabangsa-malaysia-iium\/\"> <span class=\"screen-reader-text\">Working Visit Session of the Treasury Department, Universiti Sains Islam Malaysia (USIM)<\/span> Read More »<\/a><\/p>\n","protected":false},"author":14,"featured_media":12563,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"categories":[59],"tags":[],"class_list":["post-12418","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-event-and-activity"],"_links":{"self":[{"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/posts\/12418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/comments?post=12418"}],"version-history":[{"count":8,"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/posts\/12418\/revisions"}],"predecessor-version":[{"id":12561,"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/posts\/12418\/revisions\/12561"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/media\/12563"}],"wp:attachment":[{"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/media?parent=12418"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/categories?post=12418"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/tags?post=12418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}