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“
Nové projekty
Připravované projekty
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í.
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“
Nové projekty
Jediná vizualizace
Karusel s jediným snímkem nemá kam posouvat — šipky se skryjí a snímek zůstane vycentrovaný.
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“
Nové projekty
Dvě vizualizace
Se dvěma snímky má aktivní snímek souseda vždy jen z jedné strany.
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“
Nové projekty
Osm vizualizací v řadě
Dlouhý karusel ověřuje doskok přes několik snímků i hlášku o pořadí pro odečítače.
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“
Nové projekty
Fotka bez popisu
Prostřední snímek nemá vyplněný alt — blok se nesmí rozbít a HTML musí zůstat validní.
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
}
}
]
}