{"id":819,"date":"2025-07-08T09:01:52","date_gmt":"2025-07-08T09:01:52","guid":{"rendered":"https:\/\/kedvencagy.hu\/?page_id=819"},"modified":"2025-07-08T11:33:13","modified_gmt":"2025-07-08T11:33:13","slug":"galeria","status":"publish","type":"page","link":"https:\/\/kedvencagy.hu\/index.php\/galeria\/","title":{"rendered":"Gal\u00e9ria"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"819\" class=\"elementor elementor-819\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06ab3d7 e-flex e-con-boxed e-con e-parent\" data-id=\"06ab3d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b906a8 elementor-widget elementor-widget-spacer\" data-id=\"3b906a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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-af53a95 e-flex e-con-boxed e-con e-parent\" data-id=\"af53a95\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-909b581 elementor-widget elementor-widget-html\" data-id=\"909b581\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.polaroid-gallery {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  justify-items: center;\r\n  padding: 40px 20px 60px; \/* alul legyen hely a captionnek is *\/\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  gap: 0; \/* nincs alap grid gap, mert fed\u00e9s lesz *\/\r\n}\r\n\r\n.polaroid {\r\n  position: relative;\r\n  width: 180px;\r\n  height: 220px;\r\n  cursor: pointer;\r\n  user-select: none;\r\n  transition: filter 0.3s ease;\r\n  margin: -70px 0 0 -50px; \/* \u00e1tfed\u00e9st okoz v\u00edzszintesen \u00e9s f\u00fcgg\u0151legesen *\/\r\n  z-index: 1;\r\n  transform-origin: center center;\r\n}\r\n\r\n.polaroid img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  border: 10px solid white;\r\n  box-shadow: 0 5px 15px rgba(0,0,0,0.3);\r\n  transition: filter 0.3s ease;\r\n  pointer-events: none; \/* kattint\u00e1s csak a polaroid divre *\/\r\n}\r\n\r\n.polaroid:hover {\r\n  filter: brightness(0.85);\r\n  z-index: 50 !important; \/* hover alatt el\u0151t\u00e9rbe ker\u00fcl *\/\r\n}\r\n\r\n.polaroid .caption {\r\n  position: absolute;\r\n  bottom: -40px; \/* a feh\u00e9r szeg\u00e9lyen k\u00edv\u00fcl *\/\r\n  left: 0;\r\n  width: 100%;\r\n  text-align: center;\r\n  font-family: sans-serif;\r\n  font-size: 14px;\r\n  color: #333;\r\n  background: white;\r\n  padding: 6px 0;\r\n  box-shadow: 0 5px 10px rgba(0,0,0,0.1);\r\n  user-select: none;\r\n  pointer-events: none;\r\n}\r\n\r\n.polaroid.active {\r\n  transform: translate(0,0) scale(1.8) rotate(0deg) !important;\r\n  margin: 0 !important;\r\n  z-index: 100 !important;\r\n  filter: brightness(1) !important;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .polaroid-gallery {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .polaroid {\r\n    width: 140px;\r\n    height: 170px;\r\n    margin: -50px 0 0 -30px;\r\n  }\r\n\r\n  .polaroid.active {\r\n    transform: translate(0,0) scale(1.4) rotate(0deg) !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  .polaroid .caption {\r\n    bottom: -30px;\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .polaroid-gallery {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .polaroid {\r\n    margin: -40px 0 0 -20px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"polaroid-gallery\" id=\"polaroidGallery\"><\/div>\r\n\r\n<script>\r\nconst images = [\r\n  { src: 'https:\/\/kedvencagy.hu\/wp-content\/uploads\/2025\/07\/63376b92-2054-4635-aa60-08332287af5f_792x1056.webp', caption: 'Feyra' },\r\n  { src: 'https:\/\/kedvencagy.hu\/wp-content\/uploads\/2025\/07\/eef5e45a-ec14-45ae-93ec-5538a4fae84e_765x1020.webp', caption: 'Fl\u00f6fi' },\r\n  { src: 'https:\/\/kedvencagy.hu\/wp-content\/uploads\/2025\/07\/d9a059a5-5871-4295-b227-00b9cf4a14ee_900x1200.webp', caption: 'Fah\u00e9j' },\r\n  { src: 'https:\/\/kedvencagy.hu\/wp-content\/uploads\/2025\/07\/0f67de0e-2711-44b8-993d-90e8563bf90a_4032x3024.webp', caption: 'Trunk' },\r\n  { src: 'https:\/\/kedvencagy.hu\/wp-content\/uploads\/2025\/07\/694b28bd-4bec-4f02-ae69-9b7a2c934e1c.webp', caption: 'H\u00f3pehely' },\r\n  { src: 'https:\/\/kedvencagy.hu\/wp-content\/uploads\/2025\/07\/62ece866-410d-4650-8efa-e8c6a08eca23.webp', caption: 'Chocochips' },\r\n  { src: 'https:\/\/kedvencagy.hu\/wp-content\/uploads\/2025\/07\/8cd503e8-ef39-4858-a89c-7a232d91359a_878x1170.webp', caption: 'Tiger' },\r\n];\r\n\r\n\/\/ V\u00e9letlen sorrend (Fisher-Yates)\r\nfunction shuffle(array) {\r\n  for (let i = array.length - 1; i > 0; i--) {\r\n    const j = Math.floor(Math.random() * (i + 1));\r\n    [array[i], array[j]] = [array[j], array[i]];\r\n  }\r\n  return array;\r\n}\r\n\r\nconst gallery = document.getElementById('polaroidGallery');\r\nconst shuffled = shuffle(images.slice());\r\n\r\nshuffled.forEach(img => {\r\n  const angle = (Math.random() * 30 - 15).toFixed(1) + 'deg';   \/\/ -15 \u00e9s +15 fok k\u00f6z\u00f6tt forgat\r\n  const offsetX = (Math.random() * 80 - 40).toFixed(1) + 'px';  \/\/ -40 \u00e9s +40 px v\u00edzszintes eltol\u00e1s\r\n  const offsetY = (Math.random() * 40 - 20).toFixed(1) + 'px';  \/\/ -20 \u00e9s +20 px f\u00fcgg\u0151leges eltol\u00e1s\r\n  const div = document.createElement('div');\r\n  div.className = 'polaroid';\r\n  div.style.transform = `translate(${offsetX}, ${offsetY}) rotate(${angle}) scale(0.85)`;\r\n  div.innerHTML = `\r\n    <img decoding=\"async\" src=\"${img.src}\" alt=\"${img.caption}\">\r\n    <div class=\"caption\">${img.caption}<\/div>\r\n  `;\r\n  gallery.appendChild(div);\r\n});\r\n\r\n\/\/ Kattint\u00e1s kezel\u00e9s (kinagy\u00edt\u00e1s \/ visszazoom)\r\ndocument.body.addEventListener('click', function(e) {\r\n  document.querySelectorAll('.polaroid').forEach(p => {\r\n    if (!p.contains(e.target)) p.classList.remove('active');\r\n  });\r\n});\r\n\r\ngallery.addEventListener('click', function(e) {\r\n  const card = e.target.closest('.polaroid');\r\n  if (!card) return;\r\n  const isActive = card.classList.contains('active');\r\n  document.querySelectorAll('.polaroid').forEach(p => p.classList.remove('active'));\r\n  if (!isActive) card.classList.add('active');\r\n});\r\n<\/script>\r\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-9483e10 e-flex e-con-boxed e-con e-parent\" data-id=\"9483e10\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c9e3e7 elementor-widget elementor-widget-spacer\" data-id=\"1c9e3e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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-91db875 e-flex e-con-boxed e-con e-parent\" data-id=\"91db875\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84e71cb elementor-widget elementor-widget-spacer\" data-id=\"84e71cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-819","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.2 (Yoast SEO v28.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Gal\u00e9ria - Kedvenc\u00e1gy<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"hu_HU\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gal\u00e9ria\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kedvencagy.hu\/index.php\/galeria\/\" \/>\n<meta property=\"og:site_name\" content=\"Kedvenc\u00e1gy\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-08T11:33:13+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kedvencagy.hu\\\/index.php\\\/galeria\\\/\",\"url\":\"https:\\\/\\\/kedvencagy.hu\\\/index.php\\\/galeria\\\/\",\"name\":\"Gal\u00e9ria - Kedvenc\u00e1gy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kedvencagy.hu\\\/#website\"},\"datePublished\":\"2025-07-08T09:01:52+00:00\",\"dateModified\":\"2025-07-08T11:33:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kedvencagy.hu\\\/index.php\\\/galeria\\\/#breadcrumb\"},\"inLanguage\":\"hu\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kedvencagy.hu\\\/index.php\\\/galeria\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kedvencagy.hu\\\/index.php\\\/galeria\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Kezd\u0151lap\",\"item\":\"https:\\\/\\\/kedvencagy.hu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gal\u00e9ria\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kedvencagy.hu\\\/#website\",\"url\":\"https:\\\/\\\/kedvencagy.hu\\\/\",\"name\":\"Kedvenc\u00e1gy\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/kedvencagy.hu\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kedvencagy.hu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"hu\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/kedvencagy.hu\\\/#organization\",\"name\":\"Kedvenc\u00e1gy\",\"url\":\"https:\\\/\\\/kedvencagy.hu\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"hu\",\"@id\":\"https:\\\/\\\/kedvencagy.hu\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/kedvencagy.hu\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/kedvencagyak_02-b.png\",\"contentUrl\":\"https:\\\/\\\/kedvencagy.hu\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/kedvencagyak_02-b.png\",\"width\":1098,\"height\":623,\"caption\":\"Kedvenc\u00e1gy\"},\"image\":{\"@id\":\"https:\\\/\\\/kedvencagy.hu\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Gal\u00e9ria - Kedvenc\u00e1gy","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"hu_HU","og_type":"article","og_title":"Gal\u00e9ria","og_url":"https:\/\/kedvencagy.hu\/index.php\/galeria\/","og_site_name":"Kedvenc\u00e1gy","article_modified_time":"2025-07-08T11:33:13+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kedvencagy.hu\/index.php\/galeria\/","url":"https:\/\/kedvencagy.hu\/index.php\/galeria\/","name":"Gal\u00e9ria - Kedvenc\u00e1gy","isPartOf":{"@id":"https:\/\/kedvencagy.hu\/#website"},"datePublished":"2025-07-08T09:01:52+00:00","dateModified":"2025-07-08T11:33:13+00:00","breadcrumb":{"@id":"https:\/\/kedvencagy.hu\/index.php\/galeria\/#breadcrumb"},"inLanguage":"hu","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kedvencagy.hu\/index.php\/galeria\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kedvencagy.hu\/index.php\/galeria\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Kezd\u0151lap","item":"https:\/\/kedvencagy.hu\/"},{"@type":"ListItem","position":2,"name":"Gal\u00e9ria"}]},{"@type":"WebSite","@id":"https:\/\/kedvencagy.hu\/#website","url":"https:\/\/kedvencagy.hu\/","name":"Kedvenc\u00e1gy","description":"","publisher":{"@id":"https:\/\/kedvencagy.hu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kedvencagy.hu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"hu"},{"@type":"Organization","@id":"https:\/\/kedvencagy.hu\/#organization","name":"Kedvenc\u00e1gy","url":"https:\/\/kedvencagy.hu\/","logo":{"@type":"ImageObject","inLanguage":"hu","@id":"https:\/\/kedvencagy.hu\/#\/schema\/logo\/image\/","url":"https:\/\/kedvencagy.hu\/wp-content\/uploads\/2024\/12\/kedvencagyak_02-b.png","contentUrl":"https:\/\/kedvencagy.hu\/wp-content\/uploads\/2024\/12\/kedvencagyak_02-b.png","width":1098,"height":623,"caption":"Kedvenc\u00e1gy"},"image":{"@id":"https:\/\/kedvencagy.hu\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/kedvencagy.hu\/index.php\/wp-json\/wp\/v2\/pages\/819","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kedvencagy.hu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kedvencagy.hu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kedvencagy.hu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kedvencagy.hu\/index.php\/wp-json\/wp\/v2\/comments?post=819"}],"version-history":[{"count":176,"href":"https:\/\/kedvencagy.hu\/index.php\/wp-json\/wp\/v2\/pages\/819\/revisions"}],"predecessor-version":[{"id":1006,"href":"https:\/\/kedvencagy.hu\/index.php\/wp-json\/wp\/v2\/pages\/819\/revisions\/1006"}],"wp:attachment":[{"href":"https:\/\/kedvencagy.hu\/index.php\/wp-json\/wp\/v2\/media?parent=819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}