{"id":17646,"date":"2024-09-16T11:29:50","date_gmt":"2024-09-16T11:29:50","guid":{"rendered":"https:\/\/eventumexhibitions.com\/%d8%a3%d8%b9%d9%85%d8%a7%d9%84-%d8%a7%d9%84%d8%aa%d8%ac%d9%87%d9%8a%d8%b2\/"},"modified":"2026-01-22T14:08:58","modified_gmt":"2026-01-22T14:08:58","slug":"%d8%a3%d8%b9%d9%85%d8%a7%d9%84-%d8%a7%d9%84%d8%aa%d8%ac%d9%87%d9%8a%d8%b2","status":"publish","type":"page","link":"https:\/\/eventumexhibitions.com\/ar\/%d8%a3%d8%b9%d9%85%d8%a7%d9%84-%d8%a7%d9%84%d8%aa%d8%ac%d9%87%d9%8a%d8%b2\/","title":{"rendered":"\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u062c\u0647\u064a\u0632"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0648\u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a - edit6<\/title>\r\n <link rel=\"stylesheet\" href=\"style.css\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"elementor-section-wrap\" id=\"edit6\">\r\n\r\n <!-- TOP GREY BAR SECTION -->\r\n <section class=\"top-bar\">\r\n <div class=\"content-wrapper\">\r\n <!-- H1: Continuous Gold\/White color switching gradient -->\r\n <h1 class=\"reveal-fade gradient-text\">\u0635\u0645\u0651\u0645 \u0645\u0633\u0627\u062d\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u0627\u062d\u062a\u0631\u0627\u0641 \u0645\u0639 \u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0648\u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0635\u0629<\/h1>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- MAIN CONTENT SECTION -->\r\n <section class=\"main-content\">\r\n <div class=\"column-left\">\r\n <div class=\"text-block\">\r\n <!-- H2: Intro slide + continuous floating loop -->\r\n <h2 class=\"reveal-title-move gold-title active-loop\">\u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0648\u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0635\u0629<\/h2>\r\n \r\n <p class=\"reveal-fade delay-1\">\r\n \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0646\u0641\u064a\u0630 \u062f\u064a\u0643\u0648\u0631\u0627\u062a \u062f\u0627\u062e\u0644\u064a\u0629\u060c \u0623\u0643\u0634\u0627\u0643\u060c \u0648\u0628\u064a\u0626\u0627\u062a \u0645\u0639\u0627\u0631\u0636 \u0645\u062e\u0635\u0635\u0629 \u062a\u064f\u0646\u062a\u062c \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u062f\u0627\u062e\u0644 \u0645\u0646\u0634\u0622\u062a\u0646\u0627 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u062f\u0642\u0629 \u0648\u0633\u0631\u0639\u0629 \u0627\u0644\u062a\u0633\u0644\u064a\u0645.<br><br>\r\n \u0646\u0639\u0645\u0644 \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u0645\u0633\u0627\u062d\u0627\u062a \u062a\u062c\u0633\u0651\u062f \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u062a\u062f\u0639\u0645 \u062a\u062c\u0631\u0628\u0629 \u0633\u0644\u0633\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u062c\u0645\u0647\u0648\u0631\u0643.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"column-right\">\r\n <div class=\"image-grid\">\r\n <!-- Images: B&W to Color transition on hover -->\r\n <img decoding=\"async\" class=\"reveal-fade delay-1\" src=\"https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2024\/11\/0Q4A0921-1.jpg\" alt=\"Fit-out 1\">\r\n <img decoding=\"async\" class=\"reveal-fade delay-2\" src=\"https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2024\/11\/DSC00011.jpg\" alt=\"Fit-out 2\">\r\n <img decoding=\"async\" class=\"reveal-fade delay-3\" src=\"https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2024\/11\/FAHD0064.jpg\" alt=\"Fit-out 3\">\r\n <img decoding=\"async\" class=\"reveal-fade delay-4\" src=\"https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2024\/11\/A13A0387.jpg\" alt=\"Fit-out 4\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const observerOptions = { threshold: 0.15 };\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('active');\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n document.querySelectorAll('.reveal-fade, .reveal-title-move').forEach((el) => observer.observe(el));\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a663fc2 e-con-full elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"a663fc2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","wcf_enable_cursor_hover_effect_text":"View","wcf_pin_breakpoint":"mobile","wcf-animation":"none"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5c5dec e-transform elementor-widget elementor-widget-html\" data-id=\"b5c5dec\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"wcf-animation":"none","_transform_translateX_effect":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-section-wrap\" id=\"edit3\">\r\n\r\n <!-- TOP GREY BAR SECTION -->\r\n <section class=\"top-bar\">\r\n <div class=\"content-wrapper\">\r\n <!-- H1: Continuous Gradient Color Switch -->\r\n <h1 class=\"reveal-fade gradient-text\">\u0635\u0645\u0651\u0645 \u0645\u0633\u0627\u062d\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u0627\u062d\u062a\u0631\u0627\u0641 \u0645\u0639 \u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0648\u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0635\u0629<\/h1>\r\n <\/div>\r\n <\/section>\r\n <section class=\"top-bar\">\r\n <div class=\"content-wrapper\">\r\n <!-- H1: Continuous Gradient Switch Animation -->\r\n <h1 class=\"reveal-fade gradient-text\">\u0627\u062c\u0639\u0644 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u063a\u064a\u0631 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0641\u0648\u064a\u062a \u0645\u0639<br>\u0645\u0646\u0635\u0627\u062a \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0645\u062e\u0635\u0635\u0629<\/h1>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- MAIN CONTENT SECTION -->\r\n <section class=\"main-content\">\r\n <div class=\"column-left\">\r\n <div class=\"text-block\">\r\n <!-- H2: Entrance Animation + Continuous Loop -->\r\n <h2 class=\"reveal-title-move gold-title active-loop\">\u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0648\u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0635\u0629<\/h2>\r\n \r\n <!-- Description: Slide Up and Fade Entrance -->\r\n <p class=\"reveal-text-up\">\r\n \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0646\u0641\u064a\u0630 \u062f\u064a\u0643\u0648\u0631\u0627\u062a \u062f\u0627\u062e\u0644\u064a\u0629\u060c \u0623\u0643\u0634\u0627\u0643\u060c \u0648\u0628\u064a\u0626\u0627\u062a \u0645\u0639\u0627\u0631\u0636 \u0645\u062e\u0635\u0635\u0629 \u062a\u064f\u0646\u062a\u062c \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u062f\u0627\u062e\u0644 \u0645\u0646\u0634\u0622\u062a\u0646\u0627 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u062f\u0642\u0629 \u0648\u0633\u0631\u0639\u0629 \u0627\u0644\u062a\u0633\u0644\u064a\u0645.<br><br>\r\n \u0646\u0639\u0645\u0644 \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u0645\u0633\u0627\u062d\u0627\u062a \u062a\u062c\u0633\u0651\u062f \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u062a\u062f\u0639\u0645 \u062a\u062c\u0631\u0628\u0629 \u0633\u0644\u0633\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u062c\u0645\u0647\u0648\u0631\u0643.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"column-right\">\r\n <div class=\"image-grid\">\r\n <!-- Images: Staggered Fade-in Delays -->\r\n <img decoding=\"async\" class=\"reveal-fade delay-1\" src=\"https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2024\/11\/0Q4A0921-1.jpg\" alt=\"Modern stand\">\r\n <img decoding=\"async\" class=\"reveal-fade delay-2\" src=\"https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2024\/11\/DSC00011.jpg\" alt=\"Yellow booth\">\r\n <img decoding=\"async\" class=\"reveal-fade delay-3\" src=\"https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2024\/11\/FAHD0064.jpg\" alt=\"GSK stand\">\r\n <img decoding=\"async\" class=\"reveal-fade delay-4\" src=\"https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2024\/11\/A13A0387.jpg\" alt=\"Motorcycle display\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const observerOptions = { threshold: 0.12 };\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('active');\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ Track fade items, moving title, and sliding description\r\n document.querySelectorAll('.reveal-fade, .reveal-title-move, .reveal-text-up').forEach((el) => observer.observe(el));\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a64497 e-con-full e-flex e-con e-parent\" data-id=\"6a64497\" data-element_type=\"container\" data-e-type=\"container\" id=\"projects-section\" data-settings=\"{"background_background":"classic","wcf_enable_cursor_hover_effect_text":"View","wcf_pin_breakpoint":"mobile","wcf-animation":"none"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31c453f e-transform elementor-widget elementor-widget-html\" data-id=\"31c453f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"wcf-animation":"none","_transform_translateX_effect":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_widescreen":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_laptop":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"projects-section\">\r\n <div class=\"projects-container\">\r\n <!-- Main Title -->\r\n <h2 class=\"section-title reveal\">\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/h2>\r\n\r\n <!-- Main Project Display Area -->\r\n <div class=\"project-display-area reveal\">\r\n <div class=\"text-content-wrapper\">\r\n <h3 id=\"project-main-title\">\u0627\u0633\u062a\u0639\u0631\u0636 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u062b\u0642\u0629!<\/h3>\r\n <div id=\"project-sub-title\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"project-large-image\">\r\n <img decoding=\"async\" id=\"main-project-image\" src=\"https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/DSC02221-copy-scaled.jpg\" alt=\"\u0639\u0631\u0636 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\">\r\n <\/div>\r\n\r\n <!-- Explore More Button -->\r\n <a href=\"#\" id=\"explore-more-btn\" class=\"cta-button\">\r\n \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u0632\u064a\u062f <span class=\"btn-arrow\">\u2190<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Thumbnail Slider -->\r\n <div class=\"project-slider-wrapper reveal\">\r\n <button id=\"slider-prev\" class=\"slider-arrow\" aria-label=\"Previous\">\u2039<\/button>\r\n <div class=\"project-slider-track-container\">\r\n <div id=\"project-slider-track\" class=\"project-slider-track\">\r\n <!-- Thumbnails dynamically inserted here -->\r\n <\/div>\r\n <\/div>\r\n <button id=\"slider-next\" class=\"slider-arrow\" aria-label=\"Next\">\u203a<\/button>\r\n <\/div>\r\n\r\n <p class=\"section-footer-text reveal\">\r\n \u062a\u0634\u062a\u0647\u0631 \u0634\u0631\u0643\u0629 \u0625\u064a\u0641\u0646\u062a\u0645 \u0628\u0623\u0646\u0647\u0627 \u0634\u0631\u0643\u0629 \u0645\u0628\u062a\u0643\u0631\u0629 \u0644\u062a\u0646\u0634\u064a\u0637 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u062f\u0628\u064a\u060c \u062d\u064a\u062b \u062a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u062a\u0635\u0645\u064a\u0645 \u0648\u0625\u0646\u062a\u0627\u062c \u0646\u0642\u0627\u0637 \u0627\u0644\u0628\u064a\u0639 \u0627\u0644\u062c\u0630\u0627\u0628\u0629 \u0627\u0644\u062a\u064a \u062a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u062c\u0645\u0647\u0648\u0631\u0643.\r\n <\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const projects = [\r\n {\r\n title: '\u0627\u0633\u062a\u0639\u0631\u0636 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u062b\u0642\u0629!',\r\n subTitle: '\u0628\u064a \u0628\u064a \u0633\u062a\u0648\u062f\u064a\u0648 2024',\r\n largeImage: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Resise_0004_DSC02226-copy.jpg',\r\n thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Resise_0004_DSC02226-copy.jpg',\r\n postUrl: '\/ar\/bb-studio-2024\/' \r\n },\r\n {\r\n title: '\u062c\u0646\u0627\u062d \u0625\u062b\u064a\u0648\u0628\u064a\u0627',\r\n subTitle: '\u0645\u0639\u0631\u0636 \u0625\u0643\u0633\u0628\u0648 \u0627\u0644\u062f\u0648\u0644\u064a',\r\n largeImage: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Resise_0002_vlcsnap-2025-09-01-14h02m31s548.jpg',\r\n thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Resise_0002_vlcsnap-2025-09-01-14h02m31s548.jpg',\r\n postUrl: '\/ar\/ethiopia-pavilion\/' \r\n }\r\n ];\r\n\r\n const mainImage = document.getElementById('main-project-image');\r\n const mainTitle = document.getElementById('project-main-title');\r\n const subTitle = document.getElementById('project-sub-title');\r\n const exploreMoreBtn = document.getElementById('explore-more-btn');\r\n const sliderTrack = document.getElementById('project-slider-track');\r\n const prevBtn = document.getElementById('slider-prev');\r\n const nextBtn = document.getElementById('slider-next');\r\n\r\n let currentIndex = 0;\r\n\r\n \/\/ Fixed Animation Observer\r\n const revealObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('active');\r\n }\r\n });\r\n }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n\r\n document.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\r\n\r\n function populateSlider() {\r\n if (!sliderTrack) return;\r\n sliderTrack.innerHTML = '';\r\n projects.forEach((project, index) => {\r\n const thumbContainer = document.createElement('div');\r\n thumbContainer.classList.add('thumbnail-item');\r\n thumbContainer.dataset.index = index;\r\n thumbContainer.innerHTML = `<img decoding=\"async\" src=\"${project.thumbnail}\" alt=\"${project.title}\">`;\r\n sliderTrack.appendChild(thumbContainer);\r\n });\r\n }\r\n\r\n function updateProjectDisplay(index) {\r\n if (index < 0 || index >= projects.length) return;\r\n \r\n mainImage.style.opacity = '0.3'; \r\n \r\n setTimeout(() => {\r\n const project = projects[index];\r\n mainImage.src = project.largeImage;\r\n mainTitle.innerText = project.title;\r\n subTitle.textContent = project.subTitle;\r\n exploreMoreBtn.href = project.postUrl;\r\n \r\n document.querySelectorAll('.thumbnail-item').forEach((thumb, i) => {\r\n thumb.classList.toggle('active', i === index);\r\n });\r\n\r\n currentIndex = index;\r\n mainImage.style.opacity = '1';\r\n centerThumbnail(index);\r\n }, 250); \r\n }\r\n\r\n function centerThumbnail(index) {\r\n const trackContainer = document.querySelector('.project-slider-track-container');\r\n const items = document.querySelectorAll('.thumbnail-item');\r\n const activeThumb = items[index];\r\n if (!activeThumb) return;\r\n\r\n const containerWidth = trackContainer.offsetWidth;\r\n const thumbWidth = activeThumb.offsetWidth;\r\n const thumbOffset = activeThumb.offsetLeft;\r\n \r\n \/\/ Simplified RTL centering\r\n \/\/ In RTL, we want to shift the track based on its container\r\n const targetScroll = thumbOffset - (containerWidth \/ 2) + (thumbWidth \/ 2);\r\n \r\n \/\/ We use scrollLeft for better RTL compatibility across browsers\r\n trackContainer.scrollTo({\r\n left: targetScroll,\r\n behavior: 'smooth'\r\n });\r\n }\r\n\r\n nextBtn.addEventListener('click', () => {\r\n currentIndex = (currentIndex + 1) % projects.length;\r\n updateProjectDisplay(currentIndex);\r\n });\r\n\r\n prevBtn.addEventListener('click', () => {\r\n currentIndex = (currentIndex - 1 + projects.length) % projects.length;\r\n updateProjectDisplay(currentIndex);\r\n });\r\n \r\n sliderTrack.addEventListener('click', (e) => {\r\n const thumbItem = e.target.closest('.thumbnail-item');\r\n if (thumbItem) updateProjectDisplay(parseInt(thumbItem.dataset.index));\r\n });\r\n\r\n populateSlider();\r\n updateProjectDisplay(0);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0648\u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a – edit6 \u0635\u0645\u0651\u0645 \u0645\u0633\u0627\u062d\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u0627\u062d\u062a\u0631\u0627\u0641 \u0645\u0639 \u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0648\u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0635\u0629 \u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0648\u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0635\u0629 \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0646\u0641\u064a\u0630 \u062f\u064a\u0643\u0648\u0631\u0627\u062a \u062f\u0627\u062e\u0644\u064a\u0629\u060c \u0623\u0643\u0634\u0627\u0643\u060c \u0648\u0628\u064a\u0626\u0627\u062a \u0645\u0639\u0627\u0631\u0636 \u0645\u062e\u0635\u0635\u0629 \u062a\u064f\u0646\u062a\u062c \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u062f\u0627\u062e\u0644 \u0645\u0646\u0634\u0622\u062a\u0646\u0627 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u062f\u0642\u0629 \u0648\u0633\u0631\u0639\u0629 \u0627\u0644\u062a\u0633\u0644\u064a\u0645. \u0646\u0639\u0645\u0644 \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u0645\u0633\u0627\u062d\u0627\u062a \u062a\u062c\u0633\u0651\u062f \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u062a\u062f\u0639\u0645 \u062a\u062c\u0631\u0628\u0629 \u0633\u0644\u0633\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u062c\u0645\u0647\u0648\u0631\u0643. \u0635\u0645\u0651\u0645 \u0645\u0633\u0627\u062d\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u0627\u062d\u062a\u0631\u0627\u0641 \u0645\u0639 \u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0648\u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-17646","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/pages\/17646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/comments?post=17646"}],"version-history":[{"count":30,"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/pages\/17646\/revisions"}],"predecessor-version":[{"id":30875,"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/pages\/17646\/revisions\/30875"}],"wp:attachment":[{"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/media?parent=17646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}