جامعة البصرة للنفط والغاز

ألبوم الصور

الرئيسية ألبوم الصور
🔍
// would otherwise close the block early and let the rest run as markup. const images = [{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/4wokrLLXcyHqFVKWW1tMHMZxJ6IBV5PRoSeOaeZw.jpg","title":"\u062a\u062f\u0631\u064a\u0628 \u0635\u064a\u0641\u064a","category":"training","cat_label":"\u062a\u062f\u0631\u064a\u0628 \u0646\u0641\u0637\u064a \u0645\u064a\u062f\u0627\u0646\u064a"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/To933C9fDVG721D7IyjbMEmfWYNbwJ4sAo7iLfbM.jpg","title":"\u0643\u0644\u064a\u0647 \u0647\u0646\u062f\u0633\u0647 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0645\u0639\u0631\u0636\u0627 \u0644\u0644\u0628\u0648\u0633\u062a\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/biF7LUBtEWMXEEtAzARpj5mmKJ3teelUEKnLPqhm.jpg","title":"\u0643\u0644\u064a\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0644\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0627\u0644\u0645\u0624\u062a\u0645\u0631 \u0627\u0644\u062a\u0642\u0648\u064a\u0645\u064a \u0627\u0644\u0633\u0646\u0648\u064a \u0627\u0644\u062b\u0627\u0646\u064a","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/d4sfYTtUclwdEqPe2GdP2g4pD9UcHzH8jhVXgx92.jpg","title":"\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0628\u0635\u0631\u0629 \u0644\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0648\u0642\u0641\u0629 \u062d\u062f\u0627\u062f \u0627\u0633\u062a\u0630\u0643\u0627\u0631\u064b\u0627 \u0644\u0636\u062d\u0627\u064a\u0627 \u0645\u062c\u0632\u0631\u0629 \u0633\u0628\u0627\u064a\u0643\u0631 \u0627\u0644\u0623\u0644\u064a\u0645\u0629","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/kTNjDjTeEIX2KDWBKxTIXser328kTEskokujRVUR.jpg","title":"\u0643\u0644\u064a\u0629 \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0627\u0644\u0645\u0624\u062a\u0645\u0631 \u0627\u0644\u0633\u0646\u0648\u064a \u0627\u0644\u0633\u0627\u0628\u0639 \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u062a\u062e\u0631\u062c \u0637\u0644\u0628\u0629 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0631\u0627\u0628\u0639\u0629","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/GneRb9uCFI5o6ZZsXu4BCzFRHn3M7qwWtRNUfr2N.jpg","title":"\u0643\u0644\u064a\u0629 \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0632\u064a\u0627\u0631\u0629 \u062a\u0637\u0648\u0639\u064a\u0629 \u0627\u0644\u0649 \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0628\u0635\u0631\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u064a \u0644\u0644\u0623\u0637\u0641\u0627\u0644","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/jkp294Mlb7iFuRoOfYu2g3JBCCTcVna5u6o31waP.jpg","title":"\u0643\u0644\u064a\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0644\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0639\u0642\u062f \u0645\u0624\u062a\u0645\u0631\u0647\u0627 \u0627\u0644\u0633\u0646\u0648\u064a \u0627\u0644\u0633\u0627\u062f\u0633 \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0628\u062d\u0648\u062b \u062a\u062e\u0631\u062c \u0637\u0644\u0628\u062a\u0647\u0627","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/tjncamAIehWE7Y7tTPWwLHKjAqhQxSdfuThT0TvG.jpg","title":"\u0643\u0644\u064a\u0629 \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0645\u0642\u0627\u0628\u0644\u0627\u062a \u062a\u0648\u0638\u064a\u0641 \u0644\u062e\u0631\u064a\u062c\u064a \u0648\u0637\u0644\u0628\u0629 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0631\u0627\u0628\u0639\u0629","category":"graduation","cat_label":"\u062d\u0641\u0644\u0627\u062a \u0627\u0644\u062a\u062e\u0631\u062c"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/8T6KHfTixAI142uvhudSSpZzys5RBdpn2KjCs1VO.jpg","title":"\u0643\u0644\u064a\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0644\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0627\u0644\u0645\u0647\u0631\u062c\u0627\u0646 \u0627\u0644\u062b\u0642\u0627\u0641\u064a \u0627\u0644\u0633\u0646\u0648\u064a \u0627\u0644\u0633\u0627\u062f\u0633 \u062a\u062d\u062a \u0634\u0639\u0627\u0631 (\u0625\u0628\u062f\u0627\u0639 \u0628\u0644\u0627 \u062d\u062f\u0648\u062f)","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/eAFtNGTV0iwrtQAIbb1KQcFwW7hnGoWCOKNZgHwG.jpg","title":"\u0643\u0644\u064a\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0644\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0645\u0633\u0627\u0628\u0642\u0629 \u0627\u0644\u0645\u0646\u0627\u0638\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0628\u0646\u0633\u062e\u062a\u0647\u0627 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0628\u064a\u0646 \u0637\u0644\u0628\u0629 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0639\u0644\u0645\u064a\u0629","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/JsdudXuKRNJwoJ2H41pmKemaTapnlQppW2Hnfyg9.jpg","title":"\u0643\u0644\u064a\u0629 \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0646\u062f\u0648\u0629 \u062a\u0648\u0639\u0648\u064a\u0629 \u062a\u062d\u062a \u0634\u0639\u0627\u0631 \u0022\u0628\u0627\u0644\u0639\u0644\u0645 \u0648\u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0646\u0643\u0627\u0641\u062d \u0627\u0644\u0645\u062e\u062f\u0631\u0627\u062a\u0022","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/eyOXcVriLpjI5GCBGZQYCK2nMc7emGPWzVQ4JXbV.jpg","title":"\u0641\u0631\u064a\u0642 \u0627\u0644\u0623\u0633\u0627\u062a\u0630\u0629 \u064a\u062a\u0648\u062c\u0641\u0631\u064a\u0642 \u0627\u0644\u0623\u0633\u0627\u062a\u0630\u0629 \u064a\u062a\u0648\u062c \u0628\u0644\u0642\u0628 \u0628\u0637\u0648\u0644\u0629 \u0643\u0623\u0633 \u0627\u0644\u0639\u0645\u064a\u062f \u0644\u062e\u0645\u0627\u0633\u064a \u0627\u0644\u0643\u0631\u0629 \u0628\u0639\u062f \u0641\u0648\u0632 \u0635\u0639\u0628 \u0639\u0644\u0649 \u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/lI1BAA329DiqUYvF9sINaZIZAqfgDnbqlbU4Bjxf.jpg","title":"\u0641\u064a \u0625\u0637\u0627\u0631 \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0628\u0635\u0631\u0629 \u0644\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0648\u0631\u0634\u0629 \u062a\u0648\u0639\u0648\u064a\u0629 \u0639\u0646 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0632\u0645\u0627\u062a \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0639\u0627\u0645\u0629","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/6NpfF2HVusoXp7qiKGElsDemB9CJpJfvepjFjWYX.jpg","title":"\u0643\u0644\u064a\u0629 \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0641\u0639\u0627\u0644\u064a\u0629 \u0639\u0644\u0645\u064a\u0629 \u0644\u0639\u0631\u0636 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0637\u0644\u0628\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u062a\u062c\u062f\u062f\u0629","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/MprJ4WZTQJWuSJpsr2PR1XpfwtZzWclfGNtbiw2f.jpg","title":"\u0643\u0644\u064a\u0651\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0651\u0629 \u0644\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632\u0022 \u062a\u0646\u0638\u0645 \u0648\u0631\u0634\u0629 \u0639\u0644\u0645\u064a\u0629\u064b \u0628\u0639\u0646\u0648\u0627\u0646: (\u0631\u062d\u0644\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0641\u064a \u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632)","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/F5KjGGV23hR8WMMYicpJiDQWAVmkGWw9wg7iDWaG.jpg","title":"\u0648\u0633\u0637 \u0623\u062c\u0648\u0627\u0621 \u0631\u0645\u0636\u0627\u0646\u064a\u0629 \u0643\u0644\u064a\u0629 \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u0641\u064a \u0645\u0628\u0627\u062f\u0631\u0629 \u062a\u0637\u0648\u0639\u064a\u0629 \u0644\u0632\u064a\u0627\u0631\u0629 \u062f\u0627\u0631 \u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0633\u0646\u064a\u0646","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/VR63yPeMzUguDs2f1p8Tn4seVoZonQoMItiOtYGj.jpg","title":"\u0643\u0644\u064a\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0644\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u0648\u0628\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u0634\u0631\u0643\u0629 \u063a\u0627\u0632 \u0627\u0644\u0628\u0635\u0631\u0629 \u062a\u0643\u0631\u0645 \u062e\u0631\u064a\u062c\u064a\u0647\u0627 \u0627\u0644\u0623\u0648\u0627\u0626\u0644 \u0644\u0644\u0639\u0627\u0645 \u0627\u0644\u062f\u0631\u0627\u0633\u064a 2024- 2025","category":"graduation","cat_label":"\u062d\u0641\u0644\u0627\u062a \u0627\u0644\u062a\u062e\u0631\u062c"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/AMcCgUv7ARlTDYXb4KdGuM5XDqC6LwUNIAG6mPGQ.jpg","title":"\u0643\u0644\u064a\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0644\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0645\u0624\u062a\u0645\u0631\u0647\u0627 \u0627\u0644\u0639\u0644\u0645\u064a \u0627\u0644\u062f\u0648\u0644\u064a \u0627\u0644\u0623\u0648\u0644 \u0639\u0646 \u0627\u0644\u062a\u0637\u0648\u0631\u0627\u062a \u0641\u064a \u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/MBWUVMFuZMZ72Bj4reFm9lymyG17ycFQpt6vlVUg.jpg","title":"\u0643\u0644\u064a\u0629 \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u0641\u064a \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0628\u0635\u0631\u0629 \u0644\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0648\u0631\u0634\u0629 \u0639\u0645\u0644 \u0628\u0639\u0646\u0648\u0627\u0646:\u0022\u0643\u064a\u0641\u064a\u0629 \u0625\u062c\u062a\u064a\u0627\u0632 \u0645\u0642\u0627\u0628\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u0627\u0635 \u0641\u064a \u0645\u062c\u0627\u0644 \u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0646\u0641\u0637\u0022","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/oZzf8TLs9aggmQzNtyULqGU9i3qz2I8EiLVlyStM.jpg","title":"\u0643\u0644\u064a\u0629 \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0632\u064a\u0627\u0631\u0629 \u0639\u0644\u0645\u064a\u0629 \u0625\u0644\u0649 \u0634\u0631\u0643\u0629 \u063a\u0627\u0632 \u0627\u0644\u0628\u0635\u0631\u0629 \u0644\u0637\u0644\u0628\u0629 \u0642\u0633\u0645 \u0647\u0646\u062f\u0633\u0629 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u063a\u0627\u0632 \u0648\u0627\u0644\u0628\u062a\u0631\u0648\u0643\u064a\u0645\u064a\u0627\u0648\u064a\u0627\u062a","category":"training","cat_label":"\u062a\u062f\u0631\u064a\u0628 \u0646\u0641\u0637\u064a \u0645\u064a\u062f\u0627\u0646\u064a"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/FezuD2qKpQTEKVEvvWdGQHFboSF8WIORJ5cSfAwQ.jpg","title":"\u0643\u0644\u064a\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0644\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0645\u0646\u062a\u062f\u0649 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0633\u0646\u0648\u064a \u0627\u0644\u0623\u0648\u0644 \u0628\u0645\u0634\u0627\u0631\u0643\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0646\u0641\u0637\u064a\u0629","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/k7patrYDJGFjHGD4iQuM9HMHphV2y5nIfXmPimVL.jpg","title":"\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0628\u0635\u0631\u0629 \u0644\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0634\u0627\u0631\u0643 \u0628\u0627\u0644\u062d\u0641\u0644 \u0627\u0644\u0645\u0631\u0643\u0632\u064a \u0644\u062a\u062e\u0631\u062c \u0637\u0644\u0628\u0629 \u0627\u0644\u062c\u0627\u0645\u0639\u0627\u062a \u0641\u064a \u0643\u0631\u0628\u0644\u0627\u0621 \u0627\u0644\u0645\u0642\u062f\u0633\u0629","category":"graduation","cat_label":"\u062d\u0641\u0644\u0627\u062a \u0627\u0644\u062a\u062e\u0631\u062c"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/eK2cQjQhVq813Zl8acjh2YMLXHCsStwTGnfAuIXe.jpg","title":"\u0643\u0644\u064a\u0629 \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0628\u0637\u0648\u0644\u0629 \u062e\u0645\u0627\u0633\u064a \u0643\u0631\u0629 \u0627\u0644\u0642\u062f\u0645 \u0644\u0644\u0637\u0644\u0628\u0629","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/Df2DHnxXC7VJyUH5CgNyJ4mZLlRVDAbh4QRTaK8P.jpg","title":"\u0643\u0644\u064a\u0629 \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0632\u064a\u0627\u0631\u0629 \u0639\u0644\u0645\u064a\u0629 \u0625\u0644\u0649 \u0634\u0631\u0643\u0629 \u0645\u0635\u0627\u0641\u064a \u0627\u0644\u062c\u0646\u0648\u0628 \u0644\u0637\u0644\u0628\u0629 \u0642\u0633\u0645 \u0647\u0646\u062f\u0633\u0629 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u063a\u0627\u0632 \u0648\u0627\u0644\u0628\u062a\u0631\u0648\u0643\u064a\u0645\u064a\u0627\u0648\u064a\u0627\u062a","category":"training","cat_label":"\u062a\u062f\u0631\u064a\u0628 \u0646\u0641\u0637\u064a \u0645\u064a\u062f\u0627\u0646\u064a"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/KwrK5cVpWEchLpynLLjjJwZ3KsMy9prxXXxALkKh.jpg","title":"\u0634\u0631\u0643\u0629 \u0634\u0644\u0645\u0628\u0631\u062c\u064a\u0631 \u0627\u0644\u0646\u0641\u0637\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u062a\u062c\u0631\u064a \u0645\u0642\u0627\u0628\u0644\u0627\u062a \u0645\u0639 \u062e\u0631\u064a\u062c\u064a \u0643\u0644\u064a\u0629 \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632","category":"graduation","cat_label":"\u062d\u0641\u0644\u0627\u062a \u0627\u0644\u062a\u062e\u0631\u062c"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/MrxXQLaOmfZReXLhZxJwftVk1l3G4hicGScTaCbc.jpg","title":"\u062e\u062a\u0627\u0645 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0628\u0637\u0648\u0644\u0629 \u0643\u0644\u064a\u0629 \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u0644\u0643\u0631\u0629 \u0627\u0644\u0637\u0627\u0648\u0644\u0629","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/hR5CS8ipfUHu22XsrzTJv7y3XwsI3HYJzn44bhPy.jpg","title":"\u0643\u0644\u064a\u0629 \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0632\u064a\u0627\u0631\u0629 \u0639\u0644\u0645\u064a\u0629 \u0627\u0644\u0649 \u062d\u0642\u0644 \u0627\u0644\u0631\u0645\u064a\u0644\u0629 \u0627\u0644\u0646\u0641\u0637\u064a \u0644\u0632\u064a\u0627\u0631\u0629 \u0645\u062a\u062d\u0641 \u0627\u0644\u0644\u0628\u0627\u0628 \u0627\u0644\u0635\u062e\u0631\u064a Core Museum","category":"training","cat_label":"\u062a\u062f\u0631\u064a\u0628 \u0646\u0641\u0637\u064a \u0645\u064a\u062f\u0627\u0646\u064a"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/DhWrUm5xhJTiECRwwClnmNd01ApgM9OKdsjk75UC.jpg","title":"\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0628\u0635\u0631\u0629 \u0644\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0648\u0631\u0634\u0629 \u0639\u0645\u0644 \u0628\u0639\u0646\u0648\u0627\u0646: \u0022\u0627\u0644\u0645\u062e\u062f\u0631\u0627\u062a \u0622\u0641\u0629 \u062a\u0641\u062a\u0643 \u0628\u0627\u0644\u0645\u062c\u062a\u0645\u0639\u0627\u062a\u0022","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/tuOZ1ArlQtuKP2OlQzOndhlXfyOPQ91ad3IFQdxJ.jpg","title":"\u0643\u0644\u064a\u0629 \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0632\u064a\u0627\u0631\u0629 \u062a\u0637\u0648\u0639\u064a\u0629 \u0627\u0644\u0649 \u062f\u0627\u0631 \u0627\u0644\u0632\u0647\u0648\u0631 \u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0627\u064a\u062a\u0627\u0645","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/TnNDertzyIWlZjbnLSNn82CuRmd0uXPVO35kt7UY.jpg","title":"\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0628\u0635\u0631\u0629 \u0644\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u062d\u062a\u0641\u0644 \u0628\u062a\u062e\u0631\u062c \u062f\u0641\u0639\u0629 \u062c\u062f\u064a\u062f\u0629 \u0645\u0646 \u062e\u0631\u064a\u062c\u064a\u0647\u0627 \u0644\u0644\u0633\u0646\u0629 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 2024-2025 \u062f\u0648\u0631\u0629 \u0022\u0627\u0644\u062a\u0645\u064a\u0651\u0632 \u0648\u0627\u0644\u0625\u0628\u062f\u0627\u0639\u0022","category":"graduation","cat_label":"\u062d\u0641\u0644\u0627\u062a \u0627\u0644\u062a\u062e\u0631\u062c"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/mCwv84RQsbfSh3kpjzGV98Pvin0OW1TI5lthhcLR.jpg","title":"\u0643\u0644\u064a\u0629 \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0648\u0631\u0634\u0629 \u0639\u0645\u0644 \u0639\u0646 \u0022\u062f\u0648\u0631 \u0627\u0644\u062d\u0627\u0636\u0646\u0627\u062a \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0629 \u0648\u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0628\u064a\u0626\u064a \u0641\u064a \u0627\u0644\u062c\u0627\u0645\u0639\u0627\u062a \u0627\u0644\u0639\u0631\u0627\u0642\u064a\u0629\u0022","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/QjrNSUpQGWvShhps7wfOpVysgG4FBbpgq2baJ8PG.jpg","title":"\u0643\u0644\u064a\u0629 \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0645\u0633\u0627\u0628\u0642\u0629 \u0639\u0644\u0645\u064a\u0629 \u0628\u0639\u0646\u0648\u0627\u0646 Future Engineers 2025","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/sZroPcXxFVHowXFc7A5dsuSNxPQ01MaugpGUrwBC.jpg","title":"\u0631\u0626\u0627\u0633\u0629 \u0627\u0644\u062c\u0627\u0645\u0639\u0629","category":"campus","cat_label":"\u0627\u0644\u062d\u0631\u0645 \u0627\u0644\u062c\u0627\u0645\u0639\u064a"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/l1QUPQu7indEf9PxBjVXDniSOmaoO3m1tRAArm4k.jpg","title":"\u0643\u0644\u064a\u0629 \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0646\u0638\u0645 \u0648\u0631\u0634\u0629 \u0639\u0645\u0644 \u0628\u0639\u0646\u0648\u0627\u0646 \u0645\u062d\u0627\u0643\u0627\u0629 \u0639\u062f\u062f\u064a\u0629 \u0644\u0644\u062a\u0634\u062a\u062a \u0639\u0627\u0644\u064a \u0627\u0644\u062a\u0631\u062f\u062f \u0627\u0644\u0646\u0627\u062a\u062c \u0639\u0646 \u0627\u0644\u063a\u0648\u0627\u0635\u0627\u062a \u0627\u0644\u0639\u0633\u0643\u0631\u064a\u0629","category":"events","cat_label":"\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0648\u0631\u0634 \u0639\u0645\u0644"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/XjR2uXM8HxUGHkY29GeAoRpS0qioRn9QaugStozg.jpg","title":"\u0631\u0626\u0627\u0633\u0629 \u0627\u0644\u062c\u0627\u0645\u0639\u0629","category":"campus","cat_label":"\u0627\u0644\u062d\u0631\u0645 \u0627\u0644\u062c\u0627\u0645\u0639\u064a"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/Q57fzv50OggRaRN5229xTIu6BfDY6tjuVJg8eWGE.jpg","title":"\u0631\u0626\u0627\u0633\u0629 \u0627\u0644\u062c\u0627\u0645\u0639\u0629","category":"campus","cat_label":"\u0627\u0644\u062d\u0631\u0645 \u0627\u0644\u062c\u0627\u0645\u0639\u064a"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/p5ao7fUZ6PaHhDg84LdKCi7dHUfd8RrLUc7czjeP.jpg","title":"\u0643\u0644\u064a\u0629 \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632","category":"campus","cat_label":"\u0627\u0644\u062d\u0631\u0645 \u0627\u0644\u062c\u0627\u0645\u0639\u064a"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/t0d9sUfvZj4pSqza6NtGjSysFE1FrPr81ZYEVQ31.jpg","title":"\u0643\u0644\u064a\u0629 \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632","category":"campus","cat_label":"\u0627\u0644\u062d\u0631\u0645 \u0627\u0644\u062c\u0627\u0645\u0639\u064a"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/Oxod7eqqnb2LfmUqVRzeM5vnWaqLReBKwlVUiGAa.jpg","title":"\u0643\u0644\u064a\u0629 \u0627\u0644\u0627\u062f\u0627\u0631\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0644\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632","category":"campus","cat_label":"\u0627\u0644\u062d\u0631\u0645 \u0627\u0644\u062c\u0627\u0645\u0639\u064a"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/sQRRTqGS5YXysan31xYoxpiNwttoHaOIqvzt4Ydn.jpg","title":"\u0643\u0644\u064a\u0629 \u0627\u0644\u0627\u062f\u0627\u0631\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0644\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632","category":"campus","cat_label":"\u0627\u0644\u062d\u0631\u0645 \u0627\u0644\u062c\u0627\u0645\u0639\u064a"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/5xbcvdypDnz5ORSh2wH91wYspGW4qziytQRUxxVs.jpg","title":"\u0643\u0644\u064a\u0629 \u0627\u0644\u0627\u062f\u0627\u0631\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0644\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632","category":"campus","cat_label":"\u0627\u0644\u062d\u0631\u0645 \u0627\u0644\u062c\u0627\u0645\u0639\u064a"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/58fK04x1UuYSC99wVHMtfgZp1qEyrJ0QTZKquX8l.jpg","title":"\u0645\u062e\u062a\u0628\u0631 \u0643\u0644\u064a\u0629 \u0627\u0644\u0627\u062f\u0627\u0631\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0644\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632","category":"campus","cat_label":"\u0627\u0644\u062d\u0631\u0645 \u0627\u0644\u062c\u0627\u0645\u0639\u064a"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/lIhcuEiSDZggCjxoni0ecJtrGFfGGQRNY1u6t0Pf.jpg","title":"\u062e\u0631\u064a\u062c\u0648 \u0643\u0644\u064a\u0629 \u0627\u0644\u0627\u062f\u0627\u0631\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0644\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632","category":"graduation","cat_label":"\u062d\u0641\u0644\u0627\u062a \u0627\u0644\u062a\u062e\u0631\u062c"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/924xEuwtO9hrmp1LOKf9qhQNlhTa2S4NshhGyfZi.jpg","title":"\u062e\u0631\u064a\u062c\u0648 \u0643\u0644\u064a\u0629 \u0627\u0644\u0627\u062f\u0627\u0631\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0644\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632","category":"graduation","cat_label":"\u062d\u0641\u0644\u0627\u062a \u0627\u0644\u062a\u062e\u0631\u062c"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/GJVymjxabZfsLK7vDTRfrkjCr0VYHX0PyvNL0zDR.jpg","title":"\u062e\u0631\u064a\u062c\u0648 \u0643\u0644\u064a\u0629 \u0627\u0644\u0627\u062f\u0627\u0631\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0644\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632","category":"graduation","cat_label":"\u062d\u0641\u0644\u0627\u062a \u0627\u0644\u062a\u062e\u0631\u062c"},{"image_url":"https:\/\/dev.buog.edu.iq\/storage\/gallery\/OzgEL2Ov5HPugAgm7WO2QJnYtBtW0ongHmDw41XT.jpg","title":"\u062e\u0631\u064a\u062c\u0648 \u0643\u0644\u064a\u0629 \u0627\u0644\u0627\u062f\u0627\u0631\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0644\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632","category":"graduation","cat_label":"\u062d\u0641\u0644\u0627\u062a \u0627\u0644\u062a\u062e\u0631\u062c"}]; let currentActiveIndex = 0; let currentFilteredIndices = [...Array(images.length).keys()]; let activeCategory = "all"; // Slideshow states let slideshowInterval = null; let slideshowProgressInterval = null; let slideshowProgressVal = 0; document.addEventListener("DOMContentLoaded", () => { // Attach premium coordinate origin magnifying zoom lens to the Lightbox Image const imgElement = document.getElementById('lightbox-img'); imgElement.addEventListener('mousemove', function(e) { const rect = e.target.getBoundingClientRect(); const x = ((e.clientX - rect.left) / rect.width) * 100; const y = ((e.clientY - rect.top) / rect.height) * 100; imgElement.style.transformOrigin = `${x}% ${y}%`; imgElement.style.transform = 'scale(1.75)'; }); imgElement.addEventListener('mouseleave', function() { imgElement.style.transform = 'scale(1)'; imgElement.style.transformOrigin = 'center center'; }); // Swipe gesture support for mobile let touchstartX = 0; let touchendX = 0; imgElement.addEventListener('touchstart', e => { touchstartX = e.changedTouches[0].screenX; }, { passive: true }); imgElement.addEventListener('touchend', e => { touchendX = e.changedTouches[0].screenX; handleSwipeGesture(); }, { passive: true }); function handleSwipeGesture() { const threshold = 50; // Minimum swipe distance in pixels const isRtl = "1" === "1"; if (touchendX < touchstartX - threshold) { // Swiped Left if (isRtl) prevImage(); else nextImage(); } if (touchendX > touchstartX + threshold) { // Swiped Right if (isRtl) nextImage(); else prevImage(); } } }); /** * Filter the gallery display combining search query and active category */ function applyCombinedGalleryFilter() { const searchVal = document.getElementById('gallery-search').value.toLowerCase().trim(); const gridItems = document.querySelectorAll('.gallery-item'); currentFilteredIndices = []; gridItems.forEach(item => { const itemCat = item.getAttribute('data-category'); const itemTitle = item.getAttribute('data-title'); const globalIdx = parseInt(item.getAttribute('data-global-index')); const matchCategory = activeCategory === 'all' || itemCat === activeCategory; const matchSearch = itemTitle.includes(searchVal); if (matchCategory && matchSearch) { item.classList.remove('hidden'); currentFilteredIndices.push(globalIdx); } else { item.classList.add('hidden'); } }); // Manage empty state representation const emptyState = document.getElementById('search-empty-state'); if (currentFilteredIndices.length === 0) { emptyState.classList.remove('hidden'); } else { emptyState.classList.add('hidden'); } } /** * Triggered when selected category changes */ function filterGalleryByCategory(category) { activeCategory = category; const filterButtons = document.querySelectorAll('#filter-bar button'); // Clear active states on all buttons filterButtons.forEach(btn => { btn.className = "snap-start shrink-0 px-4 py-2.5 rounded-xl text-[10px] font-bold transition-all duration-300 border shadow-2xs cursor-pointer bg-white border-slate-200 text-slate-600 hover:border-amber-500/30 hover:text-slate-900"; }); // Set active state on clicked button const activeBtn = document.getElementById('btn-filter-' + category); if (activeBtn) { activeBtn.className = "snap-start shrink-0 px-4 py-2.5 rounded-xl text-[10px] font-bold transition-all duration-300 border shadow-2xs cursor-pointer bg-black border-black text-white hover:bg-slate-900"; } applyCombinedGalleryFilter(); } /** * Triggered on search input keystrokes */ function filterGallerySearch() { applyCombinedGalleryFilter(); } /** * Open Lightbox overlay at a specific image index */ function openLightbox(globalIndex) { currentActiveIndex = currentFilteredIndices.indexOf(globalIndex); if (currentActiveIndex === -1) currentActiveIndex = 0; const lightbox = document.getElementById('gallery-lightbox'); lightbox.classList.remove('hidden'); document.body.classList.add('overflow-hidden'); // Lock page scroll updateLightboxContent(); } /** * Close Lightbox overlay */ function closeLightbox() { const lightbox = document.getElementById('gallery-lightbox'); lightbox.classList.add('hidden'); document.body.classList.remove('overflow-hidden'); // Unlock page scroll // Exit Fullscreen if active if (document.fullscreenElement) { document.exitFullscreen().catch(err => console.log(err)); } // Stop slideshow if running if (slideshowInterval) { toggleSlideshow(); } } /** * Update Lightbox image and metadata with fading animations */ function updateLightboxContent() { if (currentFilteredIndices.length === 0) return; const globalIndex = currentFilteredIndices[currentActiveIndex]; const imgData = images[globalIndex]; const imgElement = document.getElementById('lightbox-img'); const titleElement = document.getElementById('lightbox-title'); const catElement = document.getElementById('lightbox-category'); const counterElement = document.getElementById('lightbox-counter'); const downloadBtn = document.getElementById('lightbox-download-btn'); // Reset zoom transform origin imgElement.style.transform = 'scale(1)'; imgElement.style.transformOrigin = 'center center'; // Fade out current image imgElement.classList.add('opacity-0'); setTimeout(() => { imgElement.src = imgData.image_url; imgElement.alt = imgData.title; titleElement.innerText = imgData.title; catElement.innerText = imgData.cat_label; counterElement.innerText = `IMAGE ${currentActiveIndex + 1} OF ${currentFilteredIndices.length}`; // Configure direct download link downloadBtn.href = imgData.image_url; downloadBtn.download = imgData.title + '.png'; // Fade in new image once loaded imgElement.onload = () => { imgElement.classList.remove('opacity-0'); }; }, 150); } /** * Toggle Slideshow Play/Pause state and dynamic progress bar timeline */ function toggleSlideshow() { const label = document.getElementById('btn-slideshow-label'); const btn = document.getElementById('btn-slideshow'); const progressBar = document.getElementById('slideshow-progress'); if (slideshowInterval) { // Pause active slideshow clearInterval(slideshowInterval); clearInterval(slideshowProgressInterval); slideshowInterval = null; slideshowProgressInterval = null; progressBar.style.width = "0%"; label.innerText = "تشغيل العرض"; btn.innerHTML = `▶️ ${label.innerText}`; } else { // Start slideshow label.innerText = "إيقاف مؤقت"; btn.innerHTML = `⏸️ ${label.innerText}`; slideshowProgressVal = 0; slideshowProgressInterval = setInterval(() => { slideshowProgressVal += 2.5; // Every 100ms, increase progress by 2.5% (total 4000ms) progressBar.style.width = slideshowProgressVal + "%"; if (slideshowProgressVal >= 100) { slideshowProgressVal = 0; } }, 100); slideshowInterval = setInterval(() => { nextImage(); }, 4000); } } /** * Toggle Fullscreen Mode utilizing browser Fullscreen API */ function toggleLightboxFullscreen() { const lightbox = document.getElementById('gallery-lightbox'); const label = document.getElementById('btn-fullscreen-label'); const btn = document.getElementById('btn-fullscreen'); if (!document.fullscreenElement) { lightbox.requestFullscreen().then(() => { label.innerText = "إنهاء ملء الشاشة"; btn.innerHTML = `🖥️ ${label.innerText}`; }).catch(err => { console.error('Error enabling fullscreen: ', err); }); } else { document.exitFullscreen().then(() => { label.innerText = "ملء الشاشة"; btn.innerHTML = `🖥️ ${label.innerText}`; }); } } // Exiting fullscreen using ESC key listener to reset state document.addEventListener('fullscreenchange', () => { if (!document.fullscreenElement) { const label = document.getElementById('btn-fullscreen-label'); const btn = document.getElementById('btn-fullscreen'); if (label && btn) { label.innerText = "ملء الشاشة"; btn.innerHTML = `🖥️ ${label.innerText}`; } } }); /** * Copy direct link to the image to clipboard securely */ function copyDirectLink() { const globalIndex = currentFilteredIndices[currentActiveIndex]; const imgData = images[globalIndex]; const link = imgData.image_url; navigator.clipboard.writeText(link).then(() => { const label = document.getElementById('btn-copy-label'); const originalText = label.innerText; label.innerText = "تم النسخ!"; setTimeout(() => { label.innerText = originalText; }, 2000); }).catch(err => { console.error('Could not copy text: ', err); }); } /** * Navigate to next image */ function nextImage() { if (currentFilteredIndices.length === 0) return; currentActiveIndex = (currentActiveIndex + 1) % currentFilteredIndices.length; // Reset slideshow progress bar upon slide shift slideshowProgressVal = 0; updateLightboxContent(); } /** * Navigate to previous image */ function prevImage() { if (currentFilteredIndices.length === 0) return; currentActiveIndex = (currentActiveIndex - 1 + currentFilteredIndices.length) % currentFilteredIndices.length; // Reset slideshow progress bar upon slide shift slideshowProgressVal = 0; updateLightboxContent(); } // Keyboard navigation listener for lightbox document.addEventListener('keydown', function(event) { const lightbox = document.getElementById('gallery-lightbox'); if (!lightbox.classList.contains('hidden')) { if (event.key === 'Escape') { closeLightbox(); } else if (event.key === 'ArrowRight') { if ("1" === "1") prevImage(); else nextImage(); } else if (event.key === 'ArrowLeft') { if ("1" === "1") nextImage(); else prevImage(); } } });