{"id":22857,"date":"2024-11-07T07:42:08","date_gmt":"2024-11-07T07:42:08","guid":{"rendered":"https:\/\/eventumexhibitions.com\/%d8%b3%d9%8a%d8%ac%d9%8a%d8%aa\/"},"modified":"2026-01-18T14:17:54","modified_gmt":"2026-01-18T14:17:54","slug":"%d8%b3%d9%8a%d8%ac%d9%8a%d8%aa","status":"publish","type":"post","link":"https:\/\/eventumexhibitions.com\/ar\/%d8%b3%d9%8a%d8%ac%d9%8a%d8%aa\/","title":{"rendered":"Seagate"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"22857\" class=\"elementor elementor-22857 elementor-18860 elementor-bc-flex-widget\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c15ef48 e-con-full e-flex e-con e-parent\" data-id=\"1c15ef48\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;wcf_enable_cursor_hover_effect_text&quot;:&quot;View&quot;,&quot;wcf_pin_breakpoint&quot;:&quot;mobile&quot;,&quot;wcf-animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9487a45 elementor-widget elementor-widget-html\" data-id=\"9487a45\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf-animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u0645\u0639\u0631\u0636 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 - Seagate<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"style.css\">\r\n<\/head>\r\n<body>\r\n    <section id=\"projects-section\">\r\n        <div class=\"projects-container\">\r\n            <div class=\"project-display-area\">\r\n                <h2 id=\"project-sub-title\"><\/h2>\r\n                \r\n                <div class=\"project-large-image\">\r\n                    <div class=\"image-overflow-wrapper\">\r\n                        <!-- \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0645\u0646 \u0645\u062c\u0645\u0648\u0639\u0629 Seagate -->\r\n                        <img decoding=\"async\" id=\"main-project-image\" src=\"https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Seagate_0008_vlcsnap-2025-09-01-13h10m02s975.jpg\" alt=\"\u0639\u0631\u0636 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\">\r\n                    <\/div>\r\n                    <!-- \u0627\u0644\u0623\u0633\u0647\u0645 \u0627\u0644\u062c\u0627\u0646\u0628\u064a\u0629 \u0644\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 (RTL) -->\r\n                    <button class=\"nav-arrow left-arrow\" id=\"main-prev-arrow\">\u203a<\/button>\r\n                    <button class=\"nav-arrow right-arrow\" id=\"main-next-arrow\">\u2039<\/button>\r\n                <\/div>\r\n\r\n                <div class=\"project-navigation-center\">\r\n                    <a href=\"https:\/\/eventumexhibitions.com\/ar\/1010-art-block-chain-booth-2024\/\" class=\"cta-button project-nav-btn\" id=\"nav-prev\"> \u0627\u0644\u0633\u0627\u0628\u0642<\/a>\r\n                    <span class=\"projects-text\">\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/span>\r\n                    <a href=\"https:\/\/eventumexhibitions.com\/ar\/allergan\/\" class=\"cta-button project-nav-btn\" id=\"nav-next\">\u0627\u0644\u062a\u0627\u0644\u0649<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"project-slider-wrapper\">\r\n                <!-- \u062a\u0645 \u0636\u0628\u0637 \u0627\u0644\u0640 ltr \u0647\u0646\u0627 \u0644\u0636\u0645\u0627\u0646 \u062f\u0642\u0629 \u062d\u0631\u0643\u0629 \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0629 \u0648\u0645\u0646\u0639 \u0627\u062e\u062a\u0641\u0627\u0621 \u0627\u0644\u0635\u0648\u0631 -->\r\n                <div class=\"project-slider-track-container\" style=\"direction: ltr;\">\r\n                    <div id=\"project-slider-track\" class=\"project-slider-track\">\r\n                        <!-- \u0633\u064a\u062a\u0645 \u0625\u062f\u0631\u0627\u062c \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0645\u0635\u063a\u0631\u0629 \u0628\u0648\u0627\u0633\u0637\u0629 JS -->\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            \/\/ \u0645\u062c\u0645\u0648\u0639\u0629 \u0635\u0648\u0631 Seagate \u0643\u0645\u0627 \u0641\u064a \u0627\u0644\u0643\u0648\u062f \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\r\n            const projects = [\r\n               { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Seagate_0008_vlcsnap-2025-09-01-13h10m02s975.jpg', title: '\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627' },\r\n               { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Seagate_0009_vlcsnap-2025-09-01-13h09m56s954.jpg', title: '\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627' },\r\n               { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Seagate_0007_vlcsnap-2025-09-01-13h10m05s835.jpg', title: '\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627' },\r\n               { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Seagate_0006_vlcsnap-2025-09-01-13h10m08s275.jpg', title: '\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627' },\r\n               { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Seagate_0005_vlcsnap-2025-09-01-13h10m10s310.jpg', title: '\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627' },\r\n               { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Seagate_0003_vlcsnap-2025-09-01-13h10m16s461.jpg', title: '\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627' },\r\n               { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Seagate_0002_vlcsnap-2025-09-01-13h10m19s651.jpg', title: '\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627' }\r\n            ];\r\n\r\n            const mainImage = document.getElementById('main-project-image');\r\n            const subTitle = document.getElementById('project-sub-title');\r\n            const sliderTrack = document.getElementById('project-slider-track');\r\n            const mainPrevArrow = document.getElementById('main-prev-arrow');\r\n            const mainNextArrow = document.getElementById('main-next-arrow');\r\n            const navPrev = document.getElementById('nav-prev');\r\n            const navNext = document.getElementById('nav-next');\r\n\r\n            let currentIndex = 0;\r\n\r\n            function populateSlider() {\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\r\n                    const thumbImg = document.createElement('img');\r\n                    thumbImg.src = project.thumbnail;\r\n                    thumbImg.alt = \"\u0635\u0648\u0631\u0629 \u0645\u0635\u063a\u0631\u0629 \u0644\u0644\u0645\u0634\u0631\u0648\u0639\";\r\n\r\n                    thumbContainer.appendChild(thumbImg);\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                const project = projects[index];\r\n                \r\n                \/\/ \u062a\u0623\u062b\u064a\u0631 \u062a\u0644\u0627\u0634\u064a \u0628\u0633\u064a\u0637 \u0639\u0646\u062f \u0627\u0644\u062a\u063a\u064a\u064a\u0631\r\n                mainImage.style.opacity = '0.5';\r\n                \r\n                setTimeout(() => {\r\n                    mainImage.src = project.thumbnail;\r\n                    subTitle.textContent = project.title || '';\r\n                    mainImage.style.opacity = '1';\r\n                }, 200);\r\n\r\n                const thumbnails = document.querySelectorAll('.thumbnail-item');\r\n                thumbnails.forEach(thumb => thumb.classList.remove('active'));\r\n                \r\n                if (thumbnails[index]) {\r\n                    thumbnails[index].classList.add('active');\r\n                    \r\n                    \/\/ \u062d\u0633\u0627\u0628 \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 (\u064a\u0639\u0645\u0644 \u0628\u062f\u0627\u062e\u0644 \u062d\u0627\u0648\u064a\u0629 LTR \u0644\u0645\u0646\u0639 \u0627\u062e\u062a\u0641\u0627\u0621 \u0627\u0644\u0635\u0648\u0631)\r\n                    const containerWidth = document.querySelector('.project-slider-track-container').offsetWidth;\r\n                    const thumbLeft = thumbnails[index].offsetLeft;\r\n                    const thumbWidth = thumbnails[index].offsetWidth;\r\n                    const trackScrollWidth = sliderTrack.scrollWidth;\r\n\r\n                    let scrollAmount = thumbLeft - (containerWidth \/ 2) + (thumbWidth \/ 2);\r\n                    scrollAmount = Math.max(0, Math.min(scrollAmount, trackScrollWidth - containerWidth));\r\n                    sliderTrack.style.transform = `translateX(-${scrollAmount}px)`;\r\n                }\r\n\r\n                currentIndex = index;\r\n            }\r\n\r\n            function setupEventListeners() {\r\n                \/\/ \u0627\u0644\u0623\u0633\u0647\u0645 \u0627\u0644\u062c\u0627\u0646\u0628\u064a\u0629 \u0628\u062c\u0627\u0646\u0628 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0643\u0628\u064a\u0631\u0629\r\n                mainNextArrow.addEventListener('click', () => {\r\n                    updateProjectDisplay((currentIndex + 1) % projects.length);\r\n                });\r\n\r\n                mainPrevArrow.addEventListener('click', () => {\r\n                    updateProjectDisplay((currentIndex - 1 + projects.length) % projects.length);\r\n                });\r\n\r\n                \/\/ \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u062a\u0646\u0642\u0644 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 \u0645\u0639 \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629\r\n                navNext.addEventListener('click', () => {\r\n                    if (currentIndex === projects.length - 1) {\r\n                        window.location.href = 'https:\/\/eventumexhibitions.com\/ar\/allergan\/'; \r\n                    } else {\r\n                        updateProjectDisplay(currentIndex + 1);\r\n                    }\r\n                });\r\n\r\n                navPrev.addEventListener('click', () => {\r\n                    if (currentIndex === 0) {\r\n                        window.location.href = 'https:\/\/eventumexhibitions.com\/ar\/1010-art-block-chain-booth-2024\/'; \r\n                    } else {\r\n                        updateProjectDisplay(currentIndex - 1);\r\n                    }\r\n                });\r\n\r\n                \/\/ \u0627\u0644\u0646\u0642\u0631 \u0639\u0644\u0649 \u0627\u0644\u0645\u0635\u063a\u0631\u0627\u062a\r\n                sliderTrack.addEventListener('click', (e) => {\r\n                    const thumbItem = e.target.closest('.thumbnail-item');\r\n                    if (thumbItem) {\r\n                        const index = parseInt(thumbItem.dataset.index, 10);\r\n                        updateProjectDisplay(index);\r\n                    }\r\n                });\r\n\r\n                \/\/ \u062f\u0639\u0645 \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d\r\n                document.addEventListener('keydown', (e) => {\r\n                    if (e.key === 'ArrowRight') {\r\n                        currentIndex === projects.length - 1 ? navNext.click() : mainNextArrow.click();\r\n                    } else if (e.key === 'ArrowLeft') {\r\n                        currentIndex === 0 ? navPrev.click() : mainPrevArrow.click();\r\n                    }\r\n                });\r\n            }\r\n\r\n            populateSlider();\r\n            setupEventListeners();\r\n            \r\n            \/\/ \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629\r\n            setTimeout(() => {\r\n                updateProjectDisplay(0);\r\n            }, 100);\r\n        });\r\n    <\/script>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u0639\u0631\u0636 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 &#8211; Seagate \u203a \u2039 \u0627\u0644\u0633\u0627\u0628\u0642 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0627\u0644\u0649<\/p>\n","protected":false},"author":2,"featured_media":18873,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[57,56],"tags":[123],"class_list":["post-22857","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-exhibition-stands","category-projects","tag-123"],"_links":{"self":[{"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/posts\/22857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/types\/post"}],"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=22857"}],"version-history":[{"count":3,"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/posts\/22857\/revisions"}],"predecessor-version":[{"id":30632,"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/posts\/22857\/revisions\/30632"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/media\/18873"}],"wp:attachment":[{"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/media?parent=22857"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/categories?post=22857"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/tags?post=22857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}