{"id":91,"date":"2024-03-29T17:51:08","date_gmt":"2024-03-29T17:51:08","guid":{"rendered":"https:\/\/naywar.com\/?page_id=91"},"modified":"2024-04-02T15:32:13","modified_gmt":"2024-04-02T15:32:13","slug":"graphics","status":"publish","type":"page","link":"https:\/\/naywar.com\/index.php\/graphics\/","title":{"rendered":"GRAPHICS"},"content":{"rendered":"<div class=\"custom-gallery\" style=\"display: grid; grid-template-columns: repeat(4, minmax(250px, 1fr)); grid-gap: 20px;\"><div class=\"custom-gallery-item\"><img decoding=\"async\" src=\"https:\/\/naywar.com\/wp-content\/plugins\/custom-glry\/images\/graphics\/IMG_20220425_190247.webp\" alt=\"Galeria Zdj\u0119\u0107\" class=\"zoomable-image\" style=\"width: 200px; height: 200px; object-fit: cover;\"><a href=\"https:\/\/naywar.com\/wp-content\/plugins\/custom-glry\/images\/graphics\/Piramidy%20u%20Borzeny%20Chycki%20(2).webp\" class=\"custom-gallery-link\" target=\"_blank\">Zobacz wi\u0119cej<\/a><\/div><div class=\"custom-gallery-item\"><img decoding=\"async\" src=\"https:\/\/naywar.com\/wp-content\/plugins\/custom-glry\/images\/graphics\/KARTON%20pi\u00f3rko%20100x50cmX3szt%202015%2003%2002.webp\" alt=\"Galeria Zdj\u0119\u0107\" class=\"zoomable-image\" style=\"width: 200px; height: 200px; object-fit: cover;\"><a href=\"\" class=\"custom-gallery-link\" target=\"_blank\">Zobacz wi\u0119cej<\/a><\/div><div class=\"custom-gallery-item\"><img decoding=\"async\" src=\"https:\/\/naywar.com\/wp-content\/plugins\/custom-glry\/images\/graphics\/KARTON%20pi\u00f3rko%20100x70cm%202010%2002%2025.webp\" alt=\"Galeria Zdj\u0119\u0107\" class=\"zoomable-image\" style=\"width: 200px; height: 200px; object-fit: cover;\"><a href=\"\" class=\"custom-gallery-link\" target=\"_blank\">Zobacz wi\u0119cej<\/a><\/div><div class=\"custom-gallery-item\"><img decoding=\"async\" src=\"https:\/\/naywar.com\/wp-content\/plugins\/custom-glry\/images\/graphics\/KARTON%20pi\u00f3rko%20100x70cm%202010%2005%2016.webp\" alt=\"Galeria Zdj\u0119\u0107\" class=\"zoomable-image\" style=\"width: 200px; height: 200px; object-fit: cover;\"><a href=\"\" class=\"custom-gallery-link\" target=\"_blank\">Zobacz wi\u0119cej<\/a><\/div><div class=\"custom-gallery-item\"><img decoding=\"async\" src=\"https:\/\/naywar.com\/wp-content\/plugins\/custom-glry\/images\/graphics\/KARTON%20pi\u00f3rko%20100x70cm%202010%2006%2021.webp\" alt=\"Galeria Zdj\u0119\u0107\" class=\"zoomable-image\" style=\"width: 200px; height: 200px; object-fit: cover;\"><a href=\"\" class=\"custom-gallery-link\" target=\"_blank\">Zobacz wi\u0119cej<\/a><\/div><div class=\"custom-gallery-item\"><img decoding=\"async\" src=\"https:\/\/naywar.com\/wp-content\/plugins\/custom-glry\/images\/graphics\/KARTON%20pi\u00f3rko%20100x70cm%202012%2011%2022.webp\" alt=\"Galeria Zdj\u0119\u0107\" class=\"zoomable-image\" style=\"width: 200px; height: 200px; object-fit: cover;\"><a href=\"\" class=\"custom-gallery-link\" target=\"_blank\">Zobacz wi\u0119cej<\/a><\/div><div class=\"custom-gallery-item\"><img decoding=\"async\" src=\"https:\/\/naywar.com\/wp-content\/plugins\/custom-glry\/images\/graphics\/KARTON%20pi\u00f3rko%20100x70cm%202013%2008%2014.webp\" alt=\"Galeria Zdj\u0119\u0107\" class=\"zoomable-image\" style=\"width: 200px; height: 200px; object-fit: cover;\"><a href=\"\" class=\"custom-gallery-link\" target=\"_blank\">Zobacz wi\u0119cej<\/a><\/div><div class=\"custom-gallery-item\"><img decoding=\"async\" src=\"https:\/\/naywar.com\/wp-content\/plugins\/custom-glry\/images\/graphics\/KARTON%20pi\u00f3rko%20100x70cm%202014%2004%2009.webp\" alt=\"Galeria Zdj\u0119\u0107\" class=\"zoomable-image\" style=\"width: 200px; height: 200px; object-fit: cover;\"><a href=\"\" class=\"custom-gallery-link\" target=\"_blank\">Zobacz wi\u0119cej<\/a><\/div><div class=\"custom-gallery-item\"><img decoding=\"async\" src=\"https:\/\/naywar.com\/wp-content\/plugins\/custom-glry\/images\/graphics\/Piramidy%20u%20Borzeny%20Chycki%20(2).webp\" alt=\"Galeria Zdj\u0119\u0107\" class=\"zoomable-image\" style=\"width: 200px; height: 200px; object-fit: cover;\"><a href=\"\" class=\"custom-gallery-link\" target=\"_blank\">Zobacz wi\u0119cej<\/a><\/div><div class=\"custom-gallery-item\"><img decoding=\"async\" src=\"https:\/\/naywar.com\/wp-content\/plugins\/custom-glry\/images\/graphics\/P\u0142\u00f3tno%20olej%2050%20x%2060%20cm%202012%2008%2002.webp\" alt=\"Galeria Zdj\u0119\u0107\" class=\"zoomable-image\" style=\"width: 200px; height: 200px; object-fit: cover;\"><a href=\"\" class=\"custom-gallery-link\" target=\"_blank\">Zobacz wi\u0119cej<\/a><\/div><\/div><style>\n        \/* Style dla kontenera galerii *\/\n        .custom-gallery {\n            position: relative;\n            display: grid;\n            grid-template-columns: repeat(4, minmax(350px, 1fr));\n            grid-gap: 15px;\n        }\n\n        \/* Style dla pojedynczego elementu galerii *\/\n        .custom-gallery-item {\n            position: relative;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n\n        \/* Style dla zdj\u0119cia w galerii *\/\n        .custom-gallery-item img {\n            width: 350px;\n            height: 350px;\n            transition: transform 0.3s ease;\n            cursor: pointer;\n        }\n\n        \/* Style dla linku \"Zobacz wi\u0119cej\" *\/\n        .custom-gallery-link {\n            color: #fff;\n            text-decoration: none;\n            font-size: 16px;\n            padding: 10px 20px;\n            background-color: rgba(0, 0, 0, 0.7);\n            border-radius: 5px;\n            transition: background-color 0.3s ease;\n            opacity: 0;\n            visibility: hidden;\n        }\n\n        \/* Style dla linku \"Zobacz wi\u0119cej\" po najechaniu *\/\n        .custom-gallery-item:hover .custom-gallery-link {\n            opacity: 1;\n            visibility: visible;\n        }\n\n        \/* Dodanie p\u00f3\u0142przezroczystego t\u0142a w kolorze czarnym *\/\n        .custom-gallery-overlay {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.5);\n            z-index: 999;\n        }\n\t.zoomable-image.highlighted {\n    \t\tfilter: brightness(110%) contrast(110%);\n    \t\tbox-shadow: 0 0 10px rgba(0, 0, 0, 0.5); \/* Dodanie cienia *\/\n}\n\n    <\/style><script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        var zoomableImages = document.querySelectorAll(\".zoomable-image\");\n        var timer; \/\/ Timer dla op\u00f3\u017anienia\n        \n        zoomableImages.forEach(function(image) {\n            image.addEventListener(\"mouseenter\", function() {\n                \/\/ Wyr\u00f3\u017cnienie wst\u0119pne zdj\u0119cia\n                image.classList.add(\"highlighted\");\n                \n                \/\/ Op\u00f3\u017anienie przed wykonaniem powi\u0119kszenia\n                timer = setTimeout(function() {\n                    var overlay = document.createElement(\"div\");\n                    overlay.style.position = \"fixed\";\n                    overlay.style.top = \"0\";\n                    overlay.style.left = \"0\";\n                    overlay.style.width = \"100%\";\n                    overlay.style.height = \"100%\";\n                    overlay.style.backgroundColor = \"rgba(0, 0, 0, 0.5)\";\n                    overlay.style.zIndex = \"999\";\n                    \n                    var zoomedImage = new Image();\n                    zoomedImage.onload = function() {\n                        zoomedImage.style.maxWidth = \"50%\";\n                        zoomedImage.style.maxHeight = \"50%\";\n                        zoomedImage.style.position = \"fixed\";\n                        zoomedImage.style.top = \"50%\";\n                        zoomedImage.style.left = \"50%\";\n                        zoomedImage.style.transform = \"translate(-50%, -50%) scale(2)\";\n                        overlay.appendChild(zoomedImage);\n                        document.body.appendChild(overlay);\n                    };\n                    zoomedImage.src = image.src;\n                    \n                    \/\/ Obs\u0142uga zdarzenia klikni\u0119cia lewym przyciskiem myszy, aby usun\u0105\u0107 overlay\n                    overlay.addEventListener(\"click\", function() {\n                        overlay.parentNode.removeChild(overlay);\n                    });\n                }, 500); \/\/ Op\u00f3\u017anienie: 0.5 sekundy\n            });\n            \n            \/\/ Usuni\u0119cie wyr\u00f3\u017cnienia wst\u0119pnego po opuszczeniu myszki z obszaru zdj\u0119cia\n            image.addEventListener(\"mouseleave\", function() {\n                clearTimeout(timer);\n                image.classList.remove(\"highlighted\");\n            });\n        });\n    });\n<\/script><div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex\"><div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"http:\/\/naywar.com\">HOME<\/a><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-91","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/naywar.com\/index.php\/wp-json\/wp\/v2\/pages\/91","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naywar.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/naywar.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/naywar.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/naywar.com\/index.php\/wp-json\/wp\/v2\/comments?post=91"}],"version-history":[{"count":33,"href":"https:\/\/naywar.com\/index.php\/wp-json\/wp\/v2\/pages\/91\/revisions"}],"predecessor-version":[{"id":268,"href":"https:\/\/naywar.com\/index.php\/wp-json\/wp\/v2\/pages\/91\/revisions\/268"}],"wp:attachment":[{"href":"https:\/\/naywar.com\/index.php\/wp-json\/wp\/v2\/media?parent=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}