← Knihovna bloků

Karusel fotek photo-carousel · full

Tmavá sekce s vycentrovanou hlavičkou a centrovaným karuselem fotek přes okraj okna. Aktivní snímek má šířku obsahu, sousedi jsou zmenšení a ztmavení. Bez popisků a odkazů — lookbook.

Pro integrátora: Karusel řídí photo-carousel.ts (Swiper) přes třídy js-photo-carousel-*; bez JS je z výřezu vodorovný scroll.

Zdroj: src/_includes/blocks/photo-carousel/

Varianta „default“

Vzorová data (JSON)
{
  "settings": {
    "background": "charcoal"
  },
  "ariaLabel": "Fotogalerie připravovaných projektů",
  "pretitle": "Nové projekty",
  "title": "Připravované projekty",
  "text": "<p>V Praze vlastníme více než 1,5 milionu m² pozemků a brownfieldů pro výstavbu více než 40.000 bytů. Zaměřujeme se na transformaci velkých zanedbaných brownfieldů v příjemná zelená místa pro život, která jsou přínosem i pro své okolí.</p>",
  "items": [
    {
      "image": {
        "src": "/assets/images/photos/pripravovane-01-1828.jpg",
        "srcset": "/assets/images/photos/pripravovane-01-914.jpg 914w, /assets/images/photos/pripravovane-01-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/pripravovane-01-914.webp 914w, /assets/images/photos/pripravovane-01-1828.webp 1828w, /assets/images/photos/pripravovane-01-2816.webp 2816w",
        "alt": "Vizualizace bytového domu se zaoblenými bílými balkony porostlými zelení",
        "width": 1828,
        "height": 1441
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/pripravovane-02-1828.jpg",
        "srcset": "/assets/images/photos/pripravovane-02-914.jpg 914w, /assets/images/photos/pripravovane-02-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/pripravovane-02-914.webp 914w, /assets/images/photos/pripravovane-02-1828.webp 1828w, /assets/images/photos/pripravovane-02-2816.webp 2816w",
        "alt": "Vizualizace bytového domu s kavárnou a coworkingem v parteru",
        "width": 1828,
        "height": 1441
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/pripravovane-03-1828.jpg",
        "srcset": "/assets/images/photos/pripravovane-03-914.jpg 914w, /assets/images/photos/pripravovane-03-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/pripravovane-03-914.webp 914w, /assets/images/photos/pripravovane-03-1828.webp 1828w, /assets/images/photos/pripravovane-03-2816.webp 2816w",
        "alt": "Vizualizace nárožního bytového domu s předzahrádkou restaurace a stojany na kola",
        "width": 1828,
        "height": 1441
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/pripravovane-04-1828.jpg",
        "srcset": "/assets/images/photos/pripravovane-04-914.jpg 914w, /assets/images/photos/pripravovane-04-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/pripravovane-04-914.webp 914w, /assets/images/photos/pripravovane-04-1828.webp 1828w, /assets/images/photos/pripravovane-04-2816.webp 2816w",
        "alt": "Vizualizace členitých bílých teras s popínavou zelení při pohledu vzhůru",
        "width": 1828,
        "height": 1441
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/pripravovane-05-1828.jpg",
        "srcset": "/assets/images/photos/pripravovane-05-914.jpg 914w, /assets/images/photos/pripravovane-05-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/pripravovane-05-914.webp 914w, /assets/images/photos/pripravovane-05-1828.webp 1828w, /assets/images/photos/pripravovane-05-2816.webp 2816w",
        "alt": "Vizualizace bytového domu s dřevěnou fasádou a obchodní jednotkou v přízemí",
        "width": 1828,
        "height": 1441
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/pripravovane-06-1828.jpg",
        "srcset": "/assets/images/photos/pripravovane-06-914.jpg 914w, /assets/images/photos/pripravovane-06-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/pripravovane-06-914.webp 914w, /assets/images/photos/pripravovane-06-1828.webp 1828w, /assets/images/photos/pripravovane-06-2816.webp 2816w",
        "alt": "Vizualizace dlouhé fasády bytového domu s ordinacemi v parteru",
        "width": 1828,
        "height": 1441
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/pripravovane-07-1828.jpg",
        "srcset": "/assets/images/photos/pripravovane-07-914.jpg 914w, /assets/images/photos/pripravovane-07-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/pripravovane-07-914.webp 914w, /assets/images/photos/pripravovane-07-1828.webp 1828w, /assets/images/photos/pripravovane-07-2816.webp 2816w",
        "alt": "Vizualizace bytového domu mezi vzrostlými stromy v parku",
        "width": 1828,
        "height": 1441
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/pripravovane-08-1828.jpg",
        "srcset": "/assets/images/photos/pripravovane-08-914.jpg 914w, /assets/images/photos/pripravovane-08-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/pripravovane-08-914.webp 914w, /assets/images/photos/pripravovane-08-1828.webp 1828w, /assets/images/photos/pripravovane-08-2816.webp 2816w",
        "alt": "Vizualizace bílých balkonů s truhlíky a kvetoucím stromem v popředí",
        "width": 1828,
        "height": 1441
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/pripravovane-09-1828.jpg",
        "srcset": "/assets/images/photos/pripravovane-09-914.jpg 914w, /assets/images/photos/pripravovane-09-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/pripravovane-09-914.webp 914w, /assets/images/photos/pripravovane-09-1828.webp 1828w, /assets/images/photos/pripravovane-09-2816.webp 2816w",
        "alt": "Vizualizace nároží bytového domu s dřevěnými lamelami na fasádě",
        "width": 1828,
        "height": 1441
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/pripravovane-10-1828.jpg",
        "srcset": "/assets/images/photos/pripravovane-10-914.jpg 914w, /assets/images/photos/pripravovane-10-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/pripravovane-10-914.webp 914w, /assets/images/photos/pripravovane-10-1828.webp 1828w, /assets/images/photos/pripravovane-10-2816.webp 2816w",
        "alt": "Vizualizace bílé odstupňované věže se zelení na terasách",
        "width": 1828,
        "height": 1441
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/pripravovane-11-1828.jpg",
        "srcset": "/assets/images/photos/pripravovane-11-914.jpg 914w, /assets/images/photos/pripravovane-11-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/pripravovane-11-914.webp 914w, /assets/images/photos/pripravovane-11-1828.webp 1828w, /assets/images/photos/pripravovane-11-2816.webp 2816w",
        "alt": "Vizualizace rezidenčních domů kolem jezera s lidmi na břehu",
        "width": 1828,
        "height": 1441
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/pripravovane-12-1828.jpg",
        "srcset": "/assets/images/photos/pripravovane-12-914.jpg 914w, /assets/images/photos/pripravovane-12-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/pripravovane-12-914.webp 914w, /assets/images/photos/pripravovane-12-1828.webp 1828w, /assets/images/photos/pripravovane-12-2816.webp 2816w",
        "alt": "Vizualizace balkonu za soumraku s výhledem na panorama města",
        "width": 1828,
        "height": 1441
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/pripravovane-13-1828.jpg",
        "srcset": "/assets/images/photos/pripravovane-13-914.jpg 914w, /assets/images/photos/pripravovane-13-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/pripravovane-13-914.webp 914w, /assets/images/photos/pripravovane-13-1828.webp 1828w, /assets/images/photos/pripravovane-13-2816.webp 2816w",
        "alt": "Vizualizace večerní předzahrádky kavárny se světelnými girlandami",
        "width": 1828,
        "height": 1441
      }
    }
  ]
}

Varianta „empty“

Vzorová data (JSON)
{}

Varianta „single“

Vzorová data (JSON)
{
  "settings": {
    "background": "charcoal"
  },
  "pretitle": "Nové projekty",
  "title": "Jediná vizualizace",
  "text": "<p>Karusel s jediným snímkem nemá kam posouvat — šipky se skryjí a snímek zůstane vycentrovaný.</p>",
  "items": [
    {
      "image": {
        "src": "/assets/images/photos/photo-carousel-01-1828.jpg",
        "webp": "/assets/images/photos/photo-carousel-01-1828.webp",
        "srcset": "/assets/images/photos/photo-carousel-01-914.jpg 914w, /assets/images/photos/photo-carousel-01-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/photo-carousel-01-914.webp 914w, /assets/images/photos/photo-carousel-01-1828.webp 1828w",
        "alt": "Vizualizace nové rezidenční čtvrti s bytovými domy okolo centrálního parku",
        "width": 1828,
        "height": 1440
      }
    }
  ]
}

Varianta „pair“

Vzorová data (JSON)
{
  "settings": {
    "background": "charcoal"
  },
  "pretitle": "Nové projekty",
  "title": "Dvě vizualizace",
  "text": "<p>Se dvěma snímky má aktivní snímek souseda vždy jen z jedné strany.</p>",
  "items": [
    {
      "image": {
        "src": "/assets/images/photos/photo-carousel-01-1828.jpg",
        "webp": "/assets/images/photos/photo-carousel-01-1828.webp",
        "srcset": "/assets/images/photos/photo-carousel-01-914.jpg 914w, /assets/images/photos/photo-carousel-01-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/photo-carousel-01-914.webp 914w, /assets/images/photos/photo-carousel-01-1828.webp 1828w",
        "alt": "Vizualizace nové rezidenční čtvrti s bytovými domy okolo centrálního parku",
        "width": 1828,
        "height": 1440
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/photo-carousel-02-1828.jpg",
        "webp": "/assets/images/photos/photo-carousel-02-1828.webp",
        "srcset": "/assets/images/photos/photo-carousel-02-914.jpg 914w, /assets/images/photos/photo-carousel-02-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/photo-carousel-02-914.webp 914w, /assets/images/photos/photo-carousel-02-1828.webp 1828w",
        "alt": "Vizualizace vnitrobloku s dětským hřištěm a vzrostlými stromy",
        "width": 1828,
        "height": 1440
      }
    }
  ]
}

Varianta „many“

Vzorová data (JSON)
{
  "settings": {
    "background": "charcoal"
  },
  "pretitle": "Nové projekty",
  "title": "Osm vizualizací v řadě",
  "text": "<p>Dlouhý karusel ověřuje doskok přes několik snímků i hlášku o pořadí pro odečítače.</p>",
  "items": [
    {
      "image": {
        "src": "/assets/images/photos/photo-carousel-01-1828.jpg",
        "webp": "/assets/images/photos/photo-carousel-01-1828.webp",
        "srcset": "/assets/images/photos/photo-carousel-01-914.jpg 914w, /assets/images/photos/photo-carousel-01-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/photo-carousel-01-914.webp 914w, /assets/images/photos/photo-carousel-01-1828.webp 1828w",
        "alt": "Vizualizace nové rezidenční čtvrti s bytovými domy okolo centrálního parku",
        "width": 1828,
        "height": 1440
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/photo-carousel-02-1828.jpg",
        "webp": "/assets/images/photos/photo-carousel-02-1828.webp",
        "srcset": "/assets/images/photos/photo-carousel-02-914.jpg 914w, /assets/images/photos/photo-carousel-02-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/photo-carousel-02-914.webp 914w, /assets/images/photos/photo-carousel-02-1828.webp 1828w",
        "alt": "Vizualizace vnitrobloku s dětským hřištěm a vzrostlými stromy",
        "width": 1828,
        "height": 1440
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/photo-carousel-03-1828.jpg",
        "webp": "/assets/images/photos/photo-carousel-03-1828.webp",
        "srcset": "/assets/images/photos/photo-carousel-03-914.jpg 914w, /assets/images/photos/photo-carousel-03-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/photo-carousel-03-914.webp 914w, /assets/images/photos/photo-carousel-03-1828.webp 1828w",
        "alt": "Vizualizace komorního bytového domu s předzahrádkami v přízemí",
        "width": 1828,
        "height": 1440
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/photo-carousel-04-1828.jpg",
        "webp": "/assets/images/photos/photo-carousel-04-1828.webp",
        "srcset": "/assets/images/photos/photo-carousel-04-914.jpg 914w, /assets/images/photos/photo-carousel-04-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/photo-carousel-04-914.webp 914w, /assets/images/photos/photo-carousel-04-1828.webp 1828w",
        "alt": "Vizualizace pěší třídy s obchody v parteru a lavičkami ve stínu stromů",
        "width": 1828,
        "height": 1440
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/photo-carousel-05-1828.jpg",
        "webp": "/assets/images/photos/photo-carousel-05-1828.webp",
        "srcset": "/assets/images/photos/photo-carousel-05-914.jpg 914w, /assets/images/photos/photo-carousel-05-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/photo-carousel-05-914.webp 914w, /assets/images/photos/photo-carousel-05-1828.webp 1828w",
        "alt": "Vizualizace střešní terasy s výhledem na panorama Prahy",
        "width": 1828,
        "height": 1440
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/photo-carousel-01-1828.jpg",
        "webp": "/assets/images/photos/photo-carousel-01-1828.webp",
        "srcset": "/assets/images/photos/photo-carousel-01-914.jpg 914w, /assets/images/photos/photo-carousel-01-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/photo-carousel-01-914.webp 914w, /assets/images/photos/photo-carousel-01-1828.webp 1828w",
        "alt": "Vizualizace nové rezidenční čtvrti s bytovými domy okolo centrálního parku",
        "width": 1828,
        "height": 1440
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/photo-carousel-02-1828.jpg",
        "webp": "/assets/images/photos/photo-carousel-02-1828.webp",
        "srcset": "/assets/images/photos/photo-carousel-02-914.jpg 914w, /assets/images/photos/photo-carousel-02-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/photo-carousel-02-914.webp 914w, /assets/images/photos/photo-carousel-02-1828.webp 1828w",
        "alt": "Vizualizace vnitrobloku s dětským hřištěm a vzrostlými stromy",
        "width": 1828,
        "height": 1440
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/photo-carousel-03-1828.jpg",
        "webp": "/assets/images/photos/photo-carousel-03-1828.webp",
        "srcset": "/assets/images/photos/photo-carousel-03-914.jpg 914w, /assets/images/photos/photo-carousel-03-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/photo-carousel-03-914.webp 914w, /assets/images/photos/photo-carousel-03-1828.webp 1828w",
        "alt": "Vizualizace komorního bytového domu s předzahrádkami v přízemí",
        "width": 1828,
        "height": 1440
      }
    }
  ]
}

Varianta „no-header“

Vzorová data (JSON)
{
  "settings": {
    "background": "charcoal"
  },
  "items": [
    {
      "image": {
        "src": "/assets/images/photos/photo-carousel-01-1828.jpg",
        "webp": "/assets/images/photos/photo-carousel-01-1828.webp",
        "srcset": "/assets/images/photos/photo-carousel-01-914.jpg 914w, /assets/images/photos/photo-carousel-01-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/photo-carousel-01-914.webp 914w, /assets/images/photos/photo-carousel-01-1828.webp 1828w",
        "alt": "Vizualizace nové rezidenční čtvrti s bytovými domy okolo centrálního parku",
        "width": 1828,
        "height": 1440
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/photo-carousel-02-1828.jpg",
        "webp": "/assets/images/photos/photo-carousel-02-1828.webp",
        "srcset": "/assets/images/photos/photo-carousel-02-914.jpg 914w, /assets/images/photos/photo-carousel-02-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/photo-carousel-02-914.webp 914w, /assets/images/photos/photo-carousel-02-1828.webp 1828w",
        "alt": "Vizualizace vnitrobloku s dětským hřištěm a vzrostlými stromy",
        "width": 1828,
        "height": 1440
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/photo-carousel-03-1828.jpg",
        "webp": "/assets/images/photos/photo-carousel-03-1828.webp",
        "srcset": "/assets/images/photos/photo-carousel-03-914.jpg 914w, /assets/images/photos/photo-carousel-03-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/photo-carousel-03-914.webp 914w, /assets/images/photos/photo-carousel-03-1828.webp 1828w",
        "alt": "Vizualizace komorního bytového domu s předzahrádkami v přízemí",
        "width": 1828,
        "height": 1440
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/photo-carousel-04-1828.jpg",
        "webp": "/assets/images/photos/photo-carousel-04-1828.webp",
        "srcset": "/assets/images/photos/photo-carousel-04-914.jpg 914w, /assets/images/photos/photo-carousel-04-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/photo-carousel-04-914.webp 914w, /assets/images/photos/photo-carousel-04-1828.webp 1828w",
        "alt": "Vizualizace pěší třídy s obchody v parteru a lavičkami ve stínu stromů",
        "width": 1828,
        "height": 1440
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/photo-carousel-05-1828.jpg",
        "webp": "/assets/images/photos/photo-carousel-05-1828.webp",
        "srcset": "/assets/images/photos/photo-carousel-05-914.jpg 914w, /assets/images/photos/photo-carousel-05-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/photo-carousel-05-914.webp 914w, /assets/images/photos/photo-carousel-05-1828.webp 1828w",
        "alt": "Vizualizace střešní terasy s výhledem na panorama Prahy",
        "width": 1828,
        "height": 1440
      }
    }
  ]
}

Varianta „no-alt“

Vzorová data (JSON)
{
  "settings": {
    "background": "charcoal"
  },
  "pretitle": "Nové projekty",
  "title": "Fotka bez popisu",
  "text": "<p>Prostřední snímek nemá vyplněný <strong>alt</strong> — blok se nesmí rozbít a HTML musí zůstat validní.</p>",
  "items": [
    {
      "image": {
        "src": "/assets/images/photos/photo-carousel-01-1828.jpg",
        "webp": "/assets/images/photos/photo-carousel-01-1828.webp",
        "srcset": "/assets/images/photos/photo-carousel-01-914.jpg 914w, /assets/images/photos/photo-carousel-01-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/photo-carousel-01-914.webp 914w, /assets/images/photos/photo-carousel-01-1828.webp 1828w",
        "alt": "Vizualizace nové rezidenční čtvrti s bytovými domy okolo centrálního parku",
        "width": 1828,
        "height": 1440
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/photo-carousel-02-1828.jpg",
        "webp": "/assets/images/photos/photo-carousel-02-1828.webp",
        "srcset": "/assets/images/photos/photo-carousel-02-914.jpg 914w, /assets/images/photos/photo-carousel-02-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/photo-carousel-02-914.webp 914w, /assets/images/photos/photo-carousel-02-1828.webp 1828w",
        "alt": "Vizualizace vnitrobloku s dětským hřištěm a vzrostlými stromy",
        "width": 1828,
        "height": 1440
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/photo-carousel-03-1828.jpg",
        "webp": "/assets/images/photos/photo-carousel-03-1828.webp",
        "srcset": "/assets/images/photos/photo-carousel-03-914.jpg 914w, /assets/images/photos/photo-carousel-03-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/photo-carousel-03-914.webp 914w, /assets/images/photos/photo-carousel-03-1828.webp 1828w",
        "alt": "",
        "width": 1828,
        "height": 1440
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/photo-carousel-04-1828.jpg",
        "webp": "/assets/images/photos/photo-carousel-04-1828.webp",
        "srcset": "/assets/images/photos/photo-carousel-04-914.jpg 914w, /assets/images/photos/photo-carousel-04-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/photo-carousel-04-914.webp 914w, /assets/images/photos/photo-carousel-04-1828.webp 1828w",
        "alt": "Vizualizace pěší třídy s obchody v parteru a lavičkami ve stínu stromů",
        "width": 1828,
        "height": 1440
      }
    },
    {
      "image": {
        "src": "/assets/images/photos/photo-carousel-05-1828.jpg",
        "webp": "/assets/images/photos/photo-carousel-05-1828.webp",
        "srcset": "/assets/images/photos/photo-carousel-05-914.jpg 914w, /assets/images/photos/photo-carousel-05-1828.jpg 1828w",
        "webpSrcset": "/assets/images/photos/photo-carousel-05-914.webp 914w, /assets/images/photos/photo-carousel-05-1828.webp 1828w",
        "alt": "Vizualizace střešní terasy s výhledem na panorama Prahy",
        "width": 1828,
        "height": 1440
      }
    }
  ]
}