{"id":646,"date":"2025-05-03T10:32:40","date_gmt":"2025-05-03T10:32:40","guid":{"rendered":"https:\/\/dama-steel.com\/elementskit-content\/dynamic-content-megamenu-menuitem645\/"},"modified":"2025-05-10T11:34:39","modified_gmt":"2025-05-10T11:34:39","slug":"dynamic-content-megamenu-menuitem645","status":"publish","type":"elementskit_content","link":"https:\/\/dama-steel.com\/ar\/elementskit-content\/dynamic-content-megamenu-menuitem645\/","title":{"rendered":"dynamic-content-megamenu-menuitem645"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"646\" class=\"elementor elementor-646\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1968c9b4 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"1968c9b4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-7f7716a4 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"7f7716a4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ed29ce1 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"ed29ce1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4a0417 elementor-widget elementor-widget-html\" data-id=\"a4a0417\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hover-list\">\r\n  <div class=\"list-item\" \r\n       data-text=\"A global innovation leader, 3M is known for its diverse range of products, including construction materials like adhesives, protective coatings, and advanced building solutions that enhance efficiency and safety.\" \r\n       data-image=\"http:\/\/dama-steel.com\/wp-content\/uploads\/2025\/04\/CnP_29042025_112956.png\">3M<\/div>\r\n  <div class=\"list-item\" \r\n       data-text=\"Based in Austria, Wienerberger is a leading manufacturer of clay bricks, roof tiles, and innovative paving solutions, emphasizing sustainability and long-lasting architectural design.\" \r\n       data-image=\"http:\/\/dama-steel.com\/wp-content\/uploads\/2025\/04\/Wienerberger.webp\">Wienerberger<\/div>\r\n  <div class=\"list-item\" \r\n       data-text=\"One of the largest state-owned building materials conglomerates in China, CNBM offers a wide array of products from glass and cement to lightweight building panels and green energy solutions.\" \r\n       data-image=\"http:\/\/dama-steel.com\/wp-content\/uploads\/2025\/04\/cnbm_logo.jpeg\">CNBM<\/div>\r\n  <div class=\"list-item\" \r\n       data-text=\"A major German-based multinational building materials company, HeidelbergCement specializes in cement, aggregates, and ready-mix concrete, with a strong focus on decarbonization and circular economy practices.\" \r\n       data-image=\"http:\/\/dama-steel.com\/wp-content\/uploads\/2025\/04\/logo.png\">Heidelberg<\/div>\r\n  <div class=\"list-item\" \r\n       data-text=\"A Swiss multinational corporation, Holcim is one of the world's largest producers of cement and aggregates, offering sustainable construction solutions tailored for modern infrastructure needs.\" \r\n       data-image=\"http:\/\/dama-steel.com\/wp-content\/uploads\/2025\/04\/Holcim-Logo.webp\">Holcim<\/div>\r\n  <div class=\"list-item\" \r\n       data-text=\"A UK-based brand under Gerdau, Catnic is well-known for manufacturing high-quality steel sections such as metal beams, lintels, and structural supports essential for residential and commercial construction.\" \r\n       data-image=\"http:\/\/dama-steel.com\/wp-content\/uploads\/2025\/05\/New-Project.webp\">Catnic<\/div>\r\n<\/div>\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-01df37d e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"01df37d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-994d637 elementor-widget elementor-widget-html\" data-id=\"994d637\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hover-list\">\r\n  <div class=\"list-item\" \r\n       data-text=\"An Indian market leader in sanitary ware and ceramic tiles, Somany Ceramics combines traditional craftsmanship with modern technology to deliver durable and aesthetically appealing bathroom solutions.\" \r\n       data-image=\"http:\/\/dama-steel.com\/wp-content\/uploads\/2025\/05\/CnP_04052025_110723.png\">Somany Ceramics<\/div>\r\n  <div class=\"list-item\" \r\n       data-text=\"Part of the Georgia-Pacific family, PABCO Gypsum is a leading North American manufacturer of gypsum wallboard and related construction products, known for quality and innovation in interior finishing.\" \r\n       data-image=\"http:\/\/dama-steel.com\/wp-content\/uploads\/2025\/05\/Pabco.webp\">PABCO Gypsum<\/div>\r\n  <div class=\"list-item\" \r\n       data-text=\"Worldwide leader in light and sustainable construction, Saint-Gobain designs, manufactures and distributes materials and services for the construction and industrial markets. Its integrated solutions for the renovation of public and private buildings, light construction and the decarbonization of construction and industry are developed through a continuous innovation process and provide sustainability and performance.\" \r\n       data-image=\"http:\/\/dama-steel.com\/wp-content\/uploads\/2025\/05\/CnP_05052025_124317.png\">Saint-Gobain<\/div>\r\n  <div class=\"list-item\" \r\n       data-text=\"A trading compny based in Syria, offering products from premiere construction materials and tools brands\" \r\n       data-image=\"http:\/\/dama-steel.com\/wp-content\/uploads\/2025\/04\/Logo.jpg\">Bishr Trading<\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-530b60d7 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"530b60d7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d542b28 elementor-widget elementor-widget-html\" data-id=\"d542b28\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Target Container -->\r\n<div class=\"content-target\">\r\n  <img decoding=\"async\" id=\"dynamic-image\" src=\"http:\/\/dama-steel.com\/wp-content\/uploads\/2025\/05\/DAMA-STEEL-LOGO-18-1-scaled.png\" alt=\"Dynamic Image\" \/>\r\n  <p id=\"dynamic-text\">Choose a brand<\/p>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  const items = document.querySelectorAll('.list-item');\r\n  const imageTarget = document.getElementById('dynamic-image');\r\n  const textTarget = document.getElementById('dynamic-text');\r\n\r\n  \/\/ Create a map of data-image URLs to keep track of preloaded images\r\n  const imageCache = {};\r\n\r\n  \/\/ Preload all images from .list-item data-image attributes\r\n  items.forEach(item => {\r\n    const imageUrl = item.getAttribute('data-image');\r\n    if (imageUrl && !imageCache[imageUrl]) {\r\n      const img = new Image();\r\n      img.src = imageUrl;\r\n      imageCache[imageUrl] = img; \/\/ Store image in cache\r\n    }\r\n  });\r\n\r\n  items.forEach(item => {\r\n    item.addEventListener('mouseenter', () => {\r\n      const newText = item.getAttribute('data-text');\r\n      const newImage = item.getAttribute('data-image');\r\n\r\n      \/\/ Fade out before updating\r\n      imageTarget.classList.add('fade-out');\r\n      textTarget.classList.add('fade-out');\r\n\r\n      setTimeout(() => {\r\n        imageTarget.src = newImage; \/\/ Already cached, should be instant\r\n        textTarget.textContent = newText;\r\n\r\n        \/\/ Fade back in\r\n        imageTarget.classList.remove('fade-out');\r\n        textTarget.classList.remove('fade-out');\r\n      }, 300); \/\/ Matches fade duration\r\n    });\r\n  });\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\t\t<\/div>","protected":false},"parent":0,"template":"elementor_canvas","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"class_list":["post-646","elementskit_content","type-elementskit_content","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dama-steel.com\/ar\/wp-json\/wp\/v2\/elementskit-content\/646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dama-steel.com\/ar\/wp-json\/wp\/v2\/elementskit-content"}],"about":[{"href":"https:\/\/dama-steel.com\/ar\/wp-json\/wp\/v2\/types\/elementskit_content"}],"version-history":[{"count":63,"href":"https:\/\/dama-steel.com\/ar\/wp-json\/wp\/v2\/elementskit-content\/646\/revisions"}],"predecessor-version":[{"id":1163,"href":"https:\/\/dama-steel.com\/ar\/wp-json\/wp\/v2\/elementskit-content\/646\/revisions\/1163"}],"wp:attachment":[{"href":"https:\/\/dama-steel.com\/ar\/wp-json\/wp\/v2\/media?parent=646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}