{"id":5028,"date":"2025-11-06T13:35:12","date_gmt":"2025-11-06T13:35:12","guid":{"rendered":"http:\/\/www.koraymakina.com.tr\/?page_id=5028"},"modified":"2025-11-06T13:57:56","modified_gmt":"2025-11-06T13:57:56","slug":"galeri","status":"publish","type":"page","link":"http:\/\/www.koraymakina.com.tr\/index.php\/galeri\/","title":{"rendered":"Galeri"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5028\" class=\"elementor elementor-5028\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75f307c e-flex e-con-boxed e-con e-parent\" data-id=\"75f307c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7db9e8c elementor-widget elementor-widget-text-editor\" data-id=\"7db9e8c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- KORAY MAK\u0130NA \u2014 GALER\u0130 (Filtre + Lightbox + Lazy Load) -->\n<section id=\"km-gallery\">\n  <div class=\"wrap\">\n    <h1>Galeri<\/h1>\n    <div class=\"bar\"><\/div>\n    <p class=\"muted\">\u00dcretimden se\u00e7ilmi\u015f foto\u011fraflar: tezg\u00e2h i\u00e7i i\u015flemler, kaplama \u00f6rnekleri, fikst\u00fcr ve \u00f6l\u00e7\u00fcm s\u00fcre\u00e7leri.<\/p>\n\n    <!-- Filtre Butonlar\u0131 -->\n    <div class=\"filters\" role=\"tablist\" aria-label=\"Galeri Filtreleri\">\n      <button class=\"pill active\" data-filter=\"*\">T\u00fcm\u00fc<\/button>\n      <button class=\"pill\" data-filter=\"freze\">CNC Freze<\/button>\n      <button class=\"pill\" data-filter=\"torna\">CNC Torna<\/button>\n      <button class=\"pill\" data-filter=\"edm\">EDM<\/button>\n      <button class=\"pill\" data-filter=\"taslama\">Ta\u015flama<\/button>\n      <button class=\"pill\" data-filter=\"abs\">ABS Kaplama<\/button>\n      <button class=\"pill\" data-filter=\"yuzey\">Y\u00fczey \u0130\u015flemleri<\/button>\n      <button class=\"pill\" data-filter=\"prototip\">Prototipleme<\/button>\n      <button class=\"pill\" data-filter=\"kalite\">\u00d6l\u00e7\u00fcm &amp; Kalite<\/button>\n    <\/div>\n\n    <!-- Grid -->\n    <div class=\"grid\">\n      <!-- \u00d6RNEK KARTLAR \u2014 kopyalay\u0131p \u00e7o\u011falt\u0131n; data-cat i\u00e7ine kategorileri bo\u015flukla yaz\u0131n -->\n      <a class=\"card\" href=\"https:\/\/placehold.co\/2000x1500?text=CNC+Freze+1\" data-cat=\"freze yuzey\" aria-label=\"CNC Freze par\u00e7a\">\n        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/placehold.co\/800x600?text=Freze+1\" alt=\"CNC freze ile i\u015flenmi\u015f al\u00fcminyum par\u00e7a\">\n        <span class=\"tag\">CNC Freze<\/span>\n      <\/a>\n\n      <a class=\"card\" href=\"https:\/\/placehold.co\/2000x1500?text=CNC+Torna+1\" data-cat=\"torna kalite\">\n        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/placehold.co\/800x600?text=Torna+1\" alt=\"CNC torna mil par\u00e7as\u0131\">\n        <span class=\"tag\">CNC Torna<\/span>\n      <\/a>\n\n      <a class=\"card\" href=\"https:\/\/placehold.co\/2000x1500?text=EDM+1\" data-cat=\"edm taslama\">\n        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/placehold.co\/800x600?text=EDM+1\" alt=\"EDM dalma erezyon cavity\">\n        <span class=\"tag\">EDM<\/span>\n      <\/a>\n\n      <a class=\"card\" href=\"https:\/\/placehold.co\/2000x1500?text=Ta\u015flama+1\" data-cat=\"taslama kalite\">\n        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/placehold.co\/800x600?text=Ta%C5%9Flama+1\" alt=\"Y\u00fczey ta\u015flama plaka\">\n        <span class=\"tag\">Ta\u015flama<\/span>\n      <\/a>\n\n      <a class=\"card\" href=\"https:\/\/placehold.co\/2000x1500?text=ABS+Kaplama+1\" data-cat=\"abs yuzey\">\n        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/placehold.co\/800x600?text=ABS+Kaplama+1\" alt=\"ABS \u00fczerinde nikel\/krom kaplama\">\n        <span class=\"tag\">ABS Kaplama<\/span>\n      <\/a>\n\n      <a class=\"card\" href=\"https:\/\/placehold.co\/2000x1500?text=Y%C3%BCzey+%26+Lazer\" data-cat=\"yuzey\">\n        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/placehold.co\/800x600?text=Y%C3%BCzey+%26+Lazer\" alt=\"Eloksal ve lazer markalama \u00f6rne\u011fi\">\n        <span class=\"tag\">Y\u00fczey \u0130\u015flemleri<\/span>\n      <\/a>\n\n      <a class=\"card\" href=\"https:\/\/placehold.co\/2000x1500?text=Prototip+1\" data-cat=\"prototip\">\n        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/placehold.co\/800x600?text=Prototip+1\" alt=\"Prototip montaj\">\n        <span class=\"tag\">Prototip<\/span>\n      <\/a>\n\n      <a class=\"card\" href=\"https:\/\/placehold.co\/2000x1500?text=Kalite+Rapor\" data-cat=\"kalite\">\n        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/placehold.co\/800x600?text=Kalite+Rapor\" alt=\"FAI\/ISIR \u00f6l\u00e7\u00fcm raporu\">\n        <span class=\"tag\">Kalite<\/span>\n      <\/a>\n    <\/div>\n\n    <!-- CTA -->\n    <div class=\"cta\">\n      <a class=\"btn accent\" href=\"\/fiyat-teklifi\">Teklif Al \u2022 Dosya Y\u00fckle<\/a>\n      <a class=\"btn ghost\" href=\"https:\/\/wa.me\/905324210849\" target=\"_blank\" rel=\"noopener\">WhatsApp<\/a>\n      <a class=\"btn ghost\" href=\"tel:+905324210849\">Ara: +90 532 421 08 49<\/a>\n    <\/div>\n\n    <!-- SEO k\u0131sa metin -->\n    <div class=\"seo\">\n      <h2>\u00dcretimden Kareler<\/h2>\n      <p>Galeri; CNC freze\/torna, EDM (dalma erezyon), ta\u015flama &amp; fikst\u00fcr, y\u00fczey i\u015flemleri, ABS kaplama ve kalite\/raporlama\n        s\u00fcre\u00e7lerinden se\u00e7ilmi\u015f g\u00f6r\u00fcnt\u00fcler i\u00e7erir. Talep halinde \u00f6rnek par\u00e7a ve rapor payla\u015fabiliriz.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Lightbox (ba\u015fta kapal\u0131) -->\n  <div class=\"lb\" aria-hidden=\"true\" style=\"display:none;\">\n    <button class=\"lb-close\" aria-label=\"Kapat\">\u00d7<\/button>\n    <img class=\"lb-img\" alt=\"\">\n  <\/div>\n<\/section>\n\n<style>\n  \/* \u2014\u2014\u2014 KAPS\u00dcL \u2014\u2014\u2014 *\/\n  #km-gallery{background:#fff;color:#111827;font:16px\/1.65 system-ui,-apple-system,Segoe UI,Roboto,Arial;padding:24px 18px}\n  #km-gallery .wrap{max-width:1100px;margin:0 auto}\n  #km-gallery h1{margin:.2em 0 .35em;font-size:clamp(28px,4vw,40px);line-height:1.2}\n  #km-gallery h2{margin:.2em 0 .4em;font-size:clamp(22px,3vw,28px)}\n  #km-gallery .muted{color:#6b7280}\n  #km-gallery .bar{width:72px;height:3px;background:#FFD400;border-radius:999px;margin:8px 0 16px}\n\n  \/* Filtreler *\/\n  #km-gallery .filters{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 16px}\n  #km-gallery .pill{padding:8px 12px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#111827;font-weight:600;cursor:pointer}\n  #km-gallery .pill.active{background:#FFD400;border-color:#f1c400}\n\n  \/* Grid *\/\n  #km-gallery .grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}\n  #km-gallery .card{position:relative;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;display:block;text-decoration:none}\n  #km-gallery .card img{display:block;width:100%;aspect-ratio:4\/3;object-fit:cover;transition:transform .25s ease}\n  #km-gallery .card:hover img{transform:scale(1.02)}\n  #km-gallery .tag{position:absolute;left:10px;bottom:10px;background:rgba(17,24,39,.85);color:#fff;font-size:12px;padding:4px 8px;border-radius:999px}\n\n  \/* CTA *\/\n  #km-gallery .cta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:20px 0 8px}\n  #km-gallery .btn{background:#FFD400;color:#111827;border:1px solid #f1c400;padding:10px 16px;border-radius:12px;font:700 15px\/1 system-ui,-apple-system,Segoe UI,Roboto,Arial;text-decoration:none}\n  #km-gallery .btn.ghost{background:#fff;border:1px solid #e5e7eb;color:#111827}\n\n  \/* SEO alan\u0131 *\/\n  #km-gallery .seo{margin:8px 0 0}\n  #km-gallery .seo h2{font-size:20px;margin:0 0 6px}\n  #km-gallery .seo p{color:#374151;margin:0}\n\n  \/* Lightbox \u2014 ba\u015fta kapal\u0131, .active oldu\u011funda g\u00f6r\u00fcn\u00fcr *\/\n  #km-gallery .lb{\n    position:fixed;inset:0;background:rgba(0,0,0,.8);\n    display:none;place-items:center;z-index:9999\n  }\n  #km-gallery .lb.active{display:grid;}\n  #km-gallery .lb-img{max-width:92vw;max-height:88vh;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.35)}\n  #km-gallery .lb-close{\n    position:absolute;top:14px;right:16px;width:40px;height:40px;border-radius:999px;border:0;\n    background:#fff;color:#111827;font-size:26px;line-height:1;cursor:pointer\n  }\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function(){\n  \/\/ \u2014\u2014\u2014 Filtreleme \u2014\u2014\u2014\n  (function(){\n    const root    = document.querySelector('#km-gallery');\n    if(!root) return;\n    const filters = root.querySelectorAll('.pill');\n    const cards   = root.querySelectorAll('.card');\n    filters.forEach(btn=>{\n      btn.addEventListener('click', ()=>{\n        filters.forEach(b=>b.classList.remove('active'));\n        btn.classList.add('active');\n        const f = btn.dataset.filter;\n        cards.forEach(c=>{\n          const cats = (c.getAttribute('data-cat')||'').split(\/\\s+\/);\n          c.style.display = (f === '*' || cats.includes(f)) ? '' : 'none';\n        });\n      });\n    });\n  })();\n\n  \/\/ \u2014\u2014\u2014 Lightbox \u2014\u2014\u2014\n  (function(){\n    const root  = document.querySelector('#km-gallery');\n    if(!root) return;\n    const grid  = root.querySelector('.grid');\n    const lb    = root.querySelector('.lb');\n    const imgEl = root.querySelector('.lb-img');\n    const close = root.querySelector('.lb-close');\n\n    if(!grid || !lb || !imgEl || !close) return;\n\n    const openLB = (src, alt='')=>{\n      imgEl.src = src; imgEl.alt = alt;\n      lb.classList.add('active');\n      lb.setAttribute('aria-hidden','false');\n      document.body.style.overflow = 'hidden';\n    };\n    const closeLB = ()=>{\n      lb.classList.remove('active');\n      lb.setAttribute('aria-hidden','true');\n      imgEl.src = ''; imgEl.alt = '';\n      document.body.style.overflow = '';\n    };\n\n    grid.addEventListener('click', (e)=>{\n      const a = e.target.closest('a.card');\n      if(!a) return;\n      e.preventDefault();\n      openLB(a.getAttribute('href'), a.querySelector('img')?.alt || '');\n    });\n\n    close.addEventListener('click', closeLB);\n    lb.addEventListener('click', (e)=>{ if(e.target === lb) closeLB(); });\n    document.addEventListener('keydown', (e)=>{ if(e.key === 'Escape' && lb.classList.contains('active')) closeLB(); });\n  })();\n});\n<\/script>\n\t\t\t\t\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\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Galeri \u00dcretimden se\u00e7ilmi\u015f foto\u011fraflar: tezg\u00e2h i\u00e7i i\u015flemler, kaplama \u00f6rnekleri, fikst\u00fcr ve \u00f6l\u00e7\u00fcm s\u00fcre\u00e7leri. T\u00fcm\u00fc CNC Freze CNC Torna EDM Ta\u015flama ABS Kaplama Y\u00fczey \u0130\u015flemleri Prototipleme \u00d6l\u00e7\u00fcm &amp; Kalite CNC Freze CNC Torna EDM Ta\u015flama ABS Kaplama Y\u00fczey \u0130\u015flemleri Prototip Kalite Teklif Al \u2022 Dosya Y\u00fckle WhatsApp Ara: +90 532 421<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5028","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.koraymakina.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/5028","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.koraymakina.com.tr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.koraymakina.com.tr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.koraymakina.com.tr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.koraymakina.com.tr\/index.php\/wp-json\/wp\/v2\/comments?post=5028"}],"version-history":[{"count":10,"href":"http:\/\/www.koraymakina.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/5028\/revisions"}],"predecessor-version":[{"id":5038,"href":"http:\/\/www.koraymakina.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/5028\/revisions\/5038"}],"wp:attachment":[{"href":"http:\/\/www.koraymakina.com.tr\/index.php\/wp-json\/wp\/v2\/media?parent=5028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}