</noscript> <!-- End Google Tag Manager (noscript) --> <div class="sidenav" id="mobile-demo"> <img src="https://www.radiokrakow.pl/application/site/web/images/logo.png?v=20260401103135" alt="Radio Kraków" style="margin: 32px 48px 0; width: calc(100% - 96px )"> <ul> <li class="dropdown-section"> <div class="dropdown-trigger" href="#!"> Wiadomości </div> <ul id='dropdown1' class='dropdown-menu'> <li> <a href="https://www.radiokrakow.pl/aktualnosci/"> Aktualności </a> </li> <li> <a href="https://www.radiokrakow.pl/aktualnosci/krakow/"> Kraków </a> </li> <li> <a href="https://www.radiokrakow.pl/aktualnosci/tarnow/"> Tarnów </a> </li> <li> <a href="https://www.radiokrakow.pl/aktualnosci/nowy-sacz/"> Nowy Sącz </a> </li> <li> <a href="https://www.radiokrakow.pl/aktualnosci/nowy-sacz/podhale/"> Podhale </a> </li> <li> <a href="https://www.radiokrakow.pl/aktualnosci/gorlice/"> Gorlice </a> </li> <li> <a href="https://www.radiokrakow.pl/aktualnosci/malopolskazachodnia/"> Małopolska Zachodnia </a> </li> </ul> </li> <li> <a href="https://www.radiokrakow.pl/aktualnosci/kultura/"> Kultura </a> </li> <li> <a href="https://www.radiokrakow.pl/aktualnosci/sport/"> Sport </a> </li> <li> <a href="https://www.radiokrakow.pl/muzyka/"> Muzyka </a> </li> <li> <a href="https://www.radiokrakow.pl/audycje/"> Audycje </a> </li> <li> <a href="https://www.radiokrakow.pl/audycje/polecane-podcasty/"> Podcasty </a> </li> <li> <a href="https://www.radiokrakow.pl/ramowka/"> Ramówka </a> </li> <li class="dropdown-section"> <div class="dropdown-trigger" href="#!"> O nas </div> <ul id='dropdown1' class='dropdown-menu'> <li> <a href="https://www.radiokrakow.pl/historia/"> Historia Radia </a> </li> <li> <a href="https://www.radiokrakow.pl/ludzie-radia/"> Ludzie Radia </a> </li> <li> <a href="https://www.radiokrakow.pl/kontakt/tess/abc-abonament/"> Abonament </a> </li> <li> <a href="https://www.radiokrakow.pl/zwiedzanie-radia-krakow/"> Zwiedzanie Radia </a> </li> <li> <a href="https://www.radiokrakow.pl/spacer/"> Wirtualny spacer </a> </li> </ul> </li> <li> <a href="https://radiokrakowkultura.pl/"> Radio Kraków Kultura </a> </li> <li> <a href="https://off.radiokrakow.pl/"> OFF Radio Kraków </a> </li> <li class="dropdown-section"> <div class="dropdown-trigger" href="#!"> Patronaty </div> <ul id='dropdown1' class='dropdown-menu'> <li> <a href="https://www.radiokrakow.pl/patronat/"> Wniosek </a> </li> <li> <a href="https://www.radiokrakow.pl/partnerzy/"> Partnerzy </a> </li> <li> <a href="https://www.radiokrakow.pl/logo/"> Logo </a> </li> </ul> </li> <li> <a href="https://studio.radiokrakow.pl"> Studio nagrań </a> </li> <li> <a href="https://www.radiokrakow.pl/reklama/"> Reklama </a> </li> </ul> </div> <div class="big-search"> <div class="container"> <div class="row mb-0"> <div class="col s12"> <form class="big-search-form" style="margin: 48px auto;" method="get" action="szukaj/"> <label for="big_search_text" style="visibility: hidden; position: absolute;">Wpisz czego szukasz</label> <input type="text" class="big-search-input browser-default" placeholder="Wpisz czego szukasz" name="search_text" id="big_search_text" value=""> <button class="big-search-button"> <i class="material-icons">search</i> </button> </form> </div> </div> <div class="row"> <div class="col s12"> <hr class="big-search-hr"> </div> </div> <div class="row"> <div class="col s12 m6 l3"> <span class="big-serach-list-title">Wiadomości</span> <ul class="big-serach-list"> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/aktualnosci/">Aktualności</a></li> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/aktualnosci/krakow/">Kraków</a></li> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/aktualnosci/tarnow/">Tarnów</a></li> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/aktualnosci/nowy-sacz/">Nowy Sącz</a></li> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/aktualnosci/nowy-sacz/podhale/">Podhale</a></li> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/aktualnosci/malopolskazachodnia/">Małopolska Zach.</a></li> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/aktualnosci/gorlice/">Gorlice</a></li> </ul> </div> <div class="col s12 m6 l3"> <span class="big-serach-list-title">O nas</span> <ul class="big-serach-list"> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/historia">Historia Radia Kraków</a></li> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/ludzie-radia/">Ludzie Radia</a></li> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/spacer">Wirtualny spacer</a></li> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/kontakt/tess/abc-abonament/">Abonament</a></li> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/zwiedzanie-radia-krakow/">Zwiedzanie radia</a></li> <li class="big-serach-list-item"><a href="//bip.radiokrakow.pl">Biuletyn Informacji Publicznej</a></li> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/partnerzy/">Partnerzy</a></li> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/romana-bobrowska-zyciorys">Romana Bobrowska</a></li> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/nieodplatneaudycjewyborcze/">Nieodpłatne audycje wyborcze </a></li> </ul> </div> <div class="col s12 m6 l3"> <span class="big-serach-list-title">Patronaty</span> <ul class="big-serach-list"> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/patronat/">Wniosek</a></li> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/partnerzy/">Partnerzy</a></li> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/logo/">Logo</a></li> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/promocja/">Nasze patronaty</a></li> </ul> </div> <div class="col s12 m6 l3"> <span class="big-serach-list-title">Dzieje się w Radiu </span> <ul class="big-serach-list"> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/nasze-akcje/">Nasze akcje</a></li> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/kokursy/">Konkursy</a></li> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/sluchowiska/">Słuchowiska</a></li> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/koncerty/">Koncerty</a></li> </ul> </div> <div class="col s12 m6 l3"> <span class="big-serach-list-title">Ochrona danych osobowych</span> <ul class="big-serach-list"> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/polityka-prywatnosci/">Polityka Prywatności Radia Kraków</a></li> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/polityka-cookies/">Polityka Cookies</a></li> <li class="big-serach-list-item"><a href="https://www.radiokrakow.pl/ochrona-danych-osobowych/">Ochrona danych osobowych</a></li> </ul> </div> </div> <div class="row db"> <div class="col s12 m6 l3"> <h4 class="big-serach-list-title"> <a href="https://www.radiokrakow.pl/aktualnosci/kultura/">Kultura</a> </h4> </div> <div class="col s12 m6 l3"> <h4 class="big-serach-list-title"> <a href="https://www.radiokrakow.pl/aktualnosci/sport/">Sport</a> </h4> </div> <div class="col s12 m6 l3"> <h4 class="big-serach-list-title"> <a href="https://www.radiokrakow.pl/muzyka/">Muzyka</a> </h4> </div> <div class="col s12 m6 l3"> <h4 class="big-serach-list-title"> <a href="https://www.radiokrakow.pl/audycje/">Audycje</a> </h4> </div> <div class="col s12 m6 l3"> <h4 class="big-serach-list-title"> <a href="https://podcasty.radiokrakow.pl/">Podcasty</a> </h4> </div> <div class="col s12 m6 l3"> <h4 class="big-serach-list-title"> <a href="https://www.radiokrakow.pl/kontakt/">Kontakt</a> </h4> </div> <div class="col s12 m6 l3"> <h4 class="big-serach-list-title"> <a href="https://www.radiokrakow.pl/ramowka/">Ramówka</a> </h4> </div> <div class="col s12 m6 l3"> <h4 class="big-serach-list-title"> <a href="https://studio.radiokrakow.pl">Studia nagraniowe</a> </h4> </div> </div> <div class="row"> <div class="col s12 l4"> <a href="" class="big-search-block big-search-block-off"> <span>OFF</span> </a> </div> <div class="col s12 l4"> <a href="" class="big-search-block big-search-block-culture"> <span>Kultura</span> </a> </div> <div class="col s12 l4"> <a href="http://bip.radiokrakow.pl/" class="big-search-block big-search-block-bip"> <span>BIP</span> </a> </div> </div> <div class="row"> <div class="col s12"> <div class="big-search-social-block"> <ul class="big-search-social-list"> <li class="big-search-social-item"><a href="https://twitter.com/RadioKrakow" target="_blank"> <i class="fab fa-twitter"></i> <span class="hide">Twitter</span> </a></li> <li class="big-search-social-item"><a href="https://pl-pl.facebook.com/radiokrakow" target="_blank"> <i class="fab fa-facebook-f"></i> <span class="hide">Facebook</span> </a></li> <li class="big-search-social-item"><a href="https://www.youtube.com/channel/UCRYJv0ixGJpwFd0ba6bIWtg" target="_blank"> <i class="fab fa-youtube"></i> <span class="hide">Youtube</span> </a></li> <li class="big-search-social-item"><a href="https://instagram.com/radio_krakow" target="_blank"> <i class="fab fa-instagram"></i> <span class="hide">Instagram</span> </a></li> </ul> </div> </div> </div> </div> </div> <header> <div class="container"> <div class="row"> <div class="col s6 l12"> <menu> <a href="/" class="brand-logo"> <img src="https://www.radiokrakow.pl/application/site/web/images/logo.png?v=20260401103135" alt="Radio Kraków"> </a> <ul class="right hide-on-med-and-down first"> <li class="__item"> <a class="__link" href="https://www.radiokrakow.pl/aktualnosci/"> Aktualności </a> </li> <li class="__item"> <a class="__link" href="https://www.radiokrakow.pl/audycje/"> Audycje </a> </li> <li class="__item"> <a class="__link" href="https://www.radiokrakow.pl/audycje/polecane-podcasty/"> Podcasty </a> </li> <li class="__item"> <a class="__link" href="https://www.radiokrakow.pl/wydarzenia/"> Wydarzenia </a> </li> <li class="__item"> <a class="__link" href="kontakt/"> Kontakt </a> </li> <li class="icon-option"> <a href="https://rkk.pl/" class="icon-option__link icon-option__link-rkk"> <span class="hide">Radio Kraków Kultura</span> </a> </li> <li class="icon-option"> <a href="https://off.radiokrakow.pl/" class="icon-option__link icon-option__link-off"> <span class="hide">OFF</span> </a> </li> <li class="icon-option"> <a href="https://sklep.radiokrakow.pl/" class="icon-option__link icon-option__link-shop"> <span class="hide">Sklep</span> </a> </li> <li class="icon-option"> <a href="https://radiokrakow.pl/" class="big-search-btn icon-option__link icon-option__link-search"> <span class="hide">Szukaj</span> </a> </li> <li class="icon-option"> <a href="player/" target="_blank" class="waves-effect waves-light icon-option__link icon-option__link-play"> <span class="hide">Play</span> </a> </li> </ul> </menu> </div> <div class="col s6 hide-on-large-only hide-on-extra-large-only"> <ul class="menu-btns"> <li class="menu-btns__item"> <button class="big-search-btn menu-btns__link"> <i class="material-icons">search</i> </button> </li> <li class="menu-btns__item"> <a href="player/" class="menu-btns__link menu-btns__link-play"> <span class="hide">Play</span> </a> </li> <li class="menu-btns__item"> <div data-target="mobile-demo" class="sidenav-trigger color-text menu-btns__link"> <i class="material-icons">menu</i> </div> </li> </ul> </div> </div> </div> </header> <main> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7393908360100127" crossorigin="anonymous" type="0401c7662e3ad1cd8aa99bb3-text/javascript"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-7393908360100127" data-ad-slot="7968862818"></ins> <script type="0401c7662e3ad1cd8aa99bb3-text/javascript"> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <section class="container"> <div class="row"> <div class="col s12"> <a href="" title="Radio Kraków" class="breadcrumb"> Radio Kraków </a> <a href="aktualnosci/" title="Aktualności" class="breadcrumb"> Aktualności </a> <a href="aktualnosci/krakow/" title="Kraków" class="breadcrumb"> Kraków </a> <a href="aktualnosci/krakow/tak-powstawal-nowy-terminal-na-lotnisku-w-balicach-zdjecia/" title="Tak powstawał nowy terminal na lotnisku w Balicach. ZDJĘCIA" class="breadcrumb"> Tak powstawał nowy terminal na lotnisku w Balicach. ZDJĘCIA </a> </div> </div> </section> <section class="container"> <div class="row"> <div class="col s12 l9 "> <div class="article"> <a href="https://cms.radiokrakow.pl/admin.php/article/show/id/1331956/type/article>" class="btn btn-article-edit" style="display: none;">Edytuj</a> <script type="0401c7662e3ad1cd8aa99bb3-text/javascript"> async function isUrlFound(url) { try { const response = await fetch(url, { method: 'HEAD', mode: 'no-cors', cache: 'no-cache' }); return true; } catch (error) { // console.log(error); return false; } } async function urlTest(url) { const isValidUrl = await isUrlFound(url); console.log(isValidUrl) if (isValidUrl) { $('.btn-article-edit').show() } } $(document).ready(function () { console.log('aaa') urlTest('https://cms.radiokrakow.pl/application/site/web/images/logo.png'); }) </script> <ul class="article__font-select font-select"> <li class="font-select__item " style="font-size: 12px;" data-font_size="12">A </li> <li class="font-select__item font-select__item-selected" style="font-size: 14px;" data-font_size="14">A </li> <li class="font-select__item " style="font-size: 16px;" data-font_size="16">A </li> </ul> <a class="article-share share-btn" data-title="Tak powstawał nowy terminal na lotnisku w Balicach. ZDJĘCIA" data-text="Od wizualizacji do otwarcia. Budowa nowego terminalu pasażerskiego na lotnisku w podkrakowskich Balicach trwała około 2,5 roku. Pierwotnie nowy terminal miał być gotowy jeszcze na Euro 2012, ostatecznie będzie gotowy na Światowe Dni Młodzieży. Zobacz jak przebiegała budowa!"> <i class="material-icons">share</i> </a> <h1 class="article-title big-title">Tak powstawał nowy terminal na lotnisku w Balicach. ZDJĘCIA</h1> <ul class="meta"> <li class="meta__item meta__item-family"> <a href="https://www.radiokrakow.pl/krakow/" title="Kraków"> Kraków </a> </li> <li class="meta__item"> <i class="material-icons">date_range</i> Czwartek, 2015.09.24 12:26 <span class="grey-text"> ( Edytowany Poniedziałek, 2021.05.31 08:13 ) </span> </li> </ul> <strong class="article-lead">Od wizualizacji do otwarcia. Budowa nowego terminalu pasażerskiego na lotnisku w podkrakowskich Balicach trwała około 2,5 roku. Pierwotnie nowy terminal miał być gotowy jeszcze na Euro 2012, ostatecznie będzie gotowy na Światowe Dni Młodzieży. Zobacz jak przebiegała budowa!</strong> <div class="article-thumb" style="background-image: url('https://www.radiokrakow.pl/data/article/1331956/ad6cafd76cbf43c4709762f586a6a6c4.jpg');"> </div> <p class="article-thumb-tags"> Fot. P. Krawczyk/krakow.pl </p> <div class="mt-3 mb-4"> <ul class="social-grid-2"> <li class="social-grid-2__item social-grid-2__item-facebook"> <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.radiokrakow.pl/aktualnosci/krakow/tak-powstawal-nowy-terminal-na-lotnisku-w-balicach-zdjecia/" class="social-grid-2__link" target="_blank"> <i class="fab fa-facebook-f social-grid-2__icon"></i> <span class="social-grid-2__text">Pokaż</span> </a> </li> <li class="social-grid-2__item social-grid-2__item-twitter"> <a href="https://twitter.com/intent/tweet?url=https://www.radiokrakow.pl/aktualnosci/krakow/tak-powstawal-nowy-terminal-na-lotnisku-w-balicach-zdjecia/&text=Tak powstawał nowy terminal na lotnisku w Balicach. ZDJĘCIA" class="social-grid-2__link" target="_blank"> <i class="fab fa-twitter social-grid-2__icon"></i> <span class="social-grid-2__text">Tweetnij</span> </a> </li> <li class="social-grid-2__item social-grid-2__item-linkedin"> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.radiokrakow.pl/aktualnosci/krakow/tak-powstawal-nowy-terminal-na-lotnisku-w-balicach-zdjecia/&title=Tak powstawał nowy terminal na lotnisku w Balicach. ZDJĘCIA&summary=Od wizualizacji do otwarcia. Budowa nowego terminalu pasażerskiego na lotnisku w podkrakowskich Balicach trwała około 2,5 roku. Pierwotnie nowy terminal miał być gotowy jeszcze na Euro 2012, ostatecznie będzie gotowy na Światowe Dni Młodzieży. Zobacz jak przebiegała budowa!" class="social-grid-2__link" target="_blank"> <i class="fab fa-linkedin-in social-grid-2__icon"></i> <span class="social-grid-2__text">Udostępnij</span> </a> </li> </ul> <div class="clearfix"></div> </div> <div class="article-text">Dwie inauguracje: nowy terminal Kraków Airport i kolej do Balic</div> <div class="article-text"> <div class="gallery gallery-boxed"> <div class="gallery-close close-x close-x-white"></div> <style> .article-gallery { margin-bottom: 12px; } .article-gallery .owl-nav { position: absolute; top: 50%; width: 100%; height: 0; transform: translateY(-50%); padding: 0 !important; margin: 0 !important; } .article-gallery .owl-prev, .article-gallery .owl-next { width: 42px; height: 42px; background-color: #fff!important; color: #000 !important; font-size: 38px !important; box-shadow: 0px 1px 1px #00000029; border-radius: 42px !important; opacity: 1; padding: 0 !important; margin: 0 !important; display: block; position: absolute; z-index: 100; line-height: 12px !important; } .article-gallery .owl-prev { border-radius: 0 42px 42px 0!important; left: 0!important; } .article-gallery .owl-next { border-radius: 42px 0 0 42px!important; right: 0!important; } .article-gallery .owl-prev span{ top: 13px; position: absolute; left: 12px; line-height: 21px; } .article-gallery .owl-next span{ top: 13px; position: absolute; right: 12px; line-height: 21px; } .article-gallery .gallery-image { border-radius: 6px; overflow: hidden; width: 100%; height: 0; padding-bottom: 67%; background-size: contain; background-position: center center; background-repeat: no-repeat; vertical-align: center; } .article-gallery .gallery-image__text{ position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.3); color: #fff; padding: 20px; } @media screen and (max-width: 1024px) { .article-gallery .owl-prev, .article-gallery .owl-next { display: none !important; } } .article-thumbs { margin-bottom: 12px; } .article-thumbs .owl-item { opacity: .5; cursor: pointer; border-radius: 6px; overflow: hidden; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .article-thumbs .owl-item.current { opacity: 1; } .gallery .gallery-full-screen { cursor: pointer; margin-left: 12px; float: left; margin-top: -2px; } .article-thumbs .gallery-image { width: 100%; height: auto; aspect-ratio: 3/2; background-size: contain; background-position: center; background-repeat: no-repeat; padding-bottom: 0; } .gallery{} .gallery-boxed{} .gallery-boxed .gallery-close{ display: none; } .gallery-full{ position: fixed; left: 0; top: 0; right: 0; height: 100vh; background-color: #000; z-index: 2000; } .gallery-full{ } .gallery-full .gallery-close{ display: initial; } .gallery-full .gallery-close{ top: 12px; right: 12px; } .gallery-full .article-gallery, .gallery-full .article-gallery .gallery-image{ height: 100vh; padding-bottom: 0!important; margin-bottom: 0px!important; margin-top: 0px; } .gallery-full .owl-stats{ color: #fff; padding-right: 6px; padding-left: 6px; } .gallery-full .gallery-full-screen { display: none; } .gallery-full .article-thumbs{ height: 10vh; display: none; } .gallery-full .article-thumbs .gallery-image{ height: 10vh; padding-bottom: 0; background-size: contain; background-position: center; background-repeat: no-repeat; } .gallery-full .article-gallery .owl-next, .gallery-full .article-gallery .owl-prev{ color: #fff !important; background-color: transparent!important; } </style> <script type="0401c7662e3ad1cd8aa99bb3-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-107'); let gallery = $('#article-gallery-107'); let fullScreen = $('.gallery-full-screen'); let fullScreenClose = $('.gallery-close'); fullScreen.click(function (e){ e.preventDefault(); let link = $(this); let gallery_div = link.closest('.gallery'); gallery_div.removeClass('gallery-boxed'); gallery_div.addClass('gallery-full'); gallery.owlCarousel().trigger('refresh.owl.carousel'); thumbs.owlCarousel().trigger('refresh.owl.carousel'); }); fullScreenClose.click(function (e){ e.preventDefault(); let link = $(this); let gallery_div = link.closest('.gallery'); gallery_div.removeClass('gallery-full'); gallery_div.addClass('gallery-boxed'); gallery.owlCarousel().trigger('refresh.owl.carousel'); thumbs.owlCarousel().trigger('refresh.owl.carousel'); }); gallery.owlCarousel({ autoplay: true, autoHeight: true, autoplayHoverPause: true, autoplayTimeout: 50000, autoplaySpeed: 1000, // loop: true, margin: 0, nav: true, dots: false, responsive: { 0: { items: 1 } } }).on('changed.owl.carousel', function (el) { //if you set loop to false, you have to restore this next line //let current = el.item.index; //if you disable loop you have to comment this block var current = el.item.index ; var count = el.item.count; if (current > count) { current -= count; } if (current < 0) { current += count; } $('.owl-current').html(current+1) //end block thumbs .find(".owl-item") .removeClass("current") .eq(current) .addClass("current"); let onscreen = thumbs.find('.owl-item.active').length - 1; let start = thumbs.find('.owl-item.active').first().index(); let end = thumbs.find('.owl-item.active').last().index(); if (current > end) { thumbs.data('owl.carousel').to(current, 100, true); } if (current < start) { thumbs.data('owl.carousel').to(current - onscreen, 100, true); } }); thumbs.owlCarousel({ autoplay: false, autoplayHoverPause: false, loop: false, margin: 12, nav: false, dots: false, responsive: { 0: { items: 1 }, 768: { items: 2 }, 1024: { items: 3 }, 1280: { items: 4 } } }).on("click", ".owl-item", function (e) { e.preventDefault(); let number = $(this).index(); gallery.data('owl.carousel').to(number, 300, true); }) thumbs.find(".owl-item").eq(0).addClass("current"); /*keyboard navigation*/ $(document.documentElement).keyup(function(event) { if (event.keyCode == 37) { /*left key*/ gallery.trigger('prev.owl.carousel', [700]); } else if (event.keyCode == 39) { /*right key*/ gallery.trigger('next.owl.carousel', [700]); } }); }) </script> <div class="owl-carousel owl-carousel-gallery owl-theme article-gallery" id="article-gallery-107"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/55d34e61f923bcd39869a85ab2996156.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/d1e62becfbd3c4794e9b34811c66a8c9.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/62fb33a12a8f9624256cc4ccfbd21127.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/cc80417dbd639d66b2736d1dd1fd2e02.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/3e3c72fba05d95e3c4e8cbcf83b9cdea.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/7ffc25a72174c50601531642e887966d.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/9add5caf0ed2d8db4948d6a9bc9c553c.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/7d250e53ae143fbbea1699e0c8d6b8a4.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/b13fc5c7b8647e1da221e63d9b26dbab.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/e09eb638690b86d7fead387a2aba503f.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/cc332d5f2e4d4975088ad0c38f548354.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/ecced25180e4c4b0d42b50785b553578.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/daa66932c10863d6970ece0a14d25011.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/63027b577dedfed6c6ad342b8828cc4b.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/8aea72bed3d69609c4c98a3f5f59265f.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/c24c84c8ad508cf7f1685f6f410f9a5d.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/a99b5c1180587b5ffe52e5b72c090caa.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/2e33ef13fe6e4f2183ca28000c420e08.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/023eee964edd89644c74342dd2b03f79.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/48aa60a58dc0d936ecd47d80f19315f3.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/6f84ab2991d412f18414079eccba0c9f.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/c9a1280e28936fca7cc2c458215b82cf.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/a8282804399bac5993977d0560dc35fa.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/4f3bc912e2d8b0f55f1e7e4373c124ee.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/a4cc08e282b93f900b2ec36f51a23261.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/416e139d73709c66e5a11ac5d491a096.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/86e81eb0168c5068fd2641e2d7a00f2f.jpg');"> <div class="gallery-image__text">Fot. P. Krawczyk/krakow.pl</div> </div> </div> <div class="owl-stats w-100 mb-3"> <i></i> <div class="right gallery-full-screen"> <i class="material-icons">crop_free</i> </div> <div class="right"> <span class="owl-current">1</span> / 27 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-107" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/55d34e61f923bcd39869a85ab2996156.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/d1e62becfbd3c4794e9b34811c66a8c9.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/62fb33a12a8f9624256cc4ccfbd21127.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/cc80417dbd639d66b2736d1dd1fd2e02.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/3e3c72fba05d95e3c4e8cbcf83b9cdea.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/7ffc25a72174c50601531642e887966d.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/9add5caf0ed2d8db4948d6a9bc9c553c.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/7d250e53ae143fbbea1699e0c8d6b8a4.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/b13fc5c7b8647e1da221e63d9b26dbab.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/e09eb638690b86d7fead387a2aba503f.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/cc332d5f2e4d4975088ad0c38f548354.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/ecced25180e4c4b0d42b50785b553578.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/daa66932c10863d6970ece0a14d25011.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/63027b577dedfed6c6ad342b8828cc4b.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/8aea72bed3d69609c4c98a3f5f59265f.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/c24c84c8ad508cf7f1685f6f410f9a5d.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/a99b5c1180587b5ffe52e5b72c090caa.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/2e33ef13fe6e4f2183ca28000c420e08.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/023eee964edd89644c74342dd2b03f79.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/48aa60a58dc0d936ecd47d80f19315f3.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/6f84ab2991d412f18414079eccba0c9f.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/c9a1280e28936fca7cc2c458215b82cf.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/a8282804399bac5993977d0560dc35fa.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/4f3bc912e2d8b0f55f1e7e4373c124ee.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/a4cc08e282b93f900b2ec36f51a23261.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/416e139d73709c66e5a11ac5d491a096.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45853/86e81eb0168c5068fd2641e2d7a00f2f.jpg');"></div> </div> </div> </div> <div class="article-text">Tak będzie wyglądał nowoczesny terminal lotniska w Balicach/ fot. Międzynarodowy Port Lotniczy im. Jana Pawła II Kraków - Balice</div> <div class="article-text"><p style="margin-bottom: 0cm"><b>Kwiecień 2013 </b>– Port lotniczy w Balicach podpisał umowę z firmą Astaldi na budowę nowego terminalu, przebudowę obecnie istniejącego oraz modernizację układu komunikacyjnego lotniska.</p> <p style="margin-bottom: 0cm"><br /> <img alt="" src="http://radiokrakow.pl/resource/www_files/inline/461/fdb/f33/461fdbf3375ee26fcf107b3388267cab/461fdbf3375ee26fcf107b3388267cab.jpg" style="width: 750px; height: 392px;" /></p> </div> <div class="article-text"> <div class="gallery gallery-boxed"> <div class="gallery-close close-x close-x-white"></div> <style> .article-gallery { margin-bottom: 12px; } .article-gallery .owl-nav { position: absolute; top: 50%; width: 100%; height: 0; transform: translateY(-50%); padding: 0 !important; margin: 0 !important; } .article-gallery .owl-prev, .article-gallery .owl-next { width: 42px; height: 42px; background-color: #fff!important; color: #000 !important; font-size: 38px !important; box-shadow: 0px 1px 1px #00000029; border-radius: 42px !important; opacity: 1; padding: 0 !important; margin: 0 !important; display: block; position: absolute; z-index: 100; line-height: 12px !important; } .article-gallery .owl-prev { border-radius: 0 42px 42px 0!important; left: 0!important; } .article-gallery .owl-next { border-radius: 42px 0 0 42px!important; right: 0!important; } .article-gallery .owl-prev span{ top: 13px; position: absolute; left: 12px; line-height: 21px; } .article-gallery .owl-next span{ top: 13px; position: absolute; right: 12px; line-height: 21px; } .article-gallery .gallery-image { border-radius: 6px; overflow: hidden; width: 100%; height: 0; padding-bottom: 67%; background-size: contain; background-position: center center; background-repeat: no-repeat; vertical-align: center; } .article-gallery .gallery-image__text{ position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.3); color: #fff; padding: 20px; } @media screen and (max-width: 1024px) { .article-gallery .owl-prev, .article-gallery .owl-next { display: none !important; } } .article-thumbs { margin-bottom: 12px; } .article-thumbs .owl-item { opacity: .5; cursor: pointer; border-radius: 6px; overflow: hidden; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .article-thumbs .owl-item.current { opacity: 1; } .gallery .gallery-full-screen { cursor: pointer; margin-left: 12px; float: left; margin-top: -2px; } .article-thumbs .gallery-image { width: 100%; height: auto; aspect-ratio: 3/2; background-size: contain; background-position: center; background-repeat: no-repeat; padding-bottom: 0; } .gallery{} .gallery-boxed{} .gallery-boxed .gallery-close{ display: none; } .gallery-full{ position: fixed; left: 0; top: 0; right: 0; height: 100vh; background-color: #000; z-index: 2000; } .gallery-full{ } .gallery-full .gallery-close{ display: initial; } .gallery-full .gallery-close{ top: 12px; right: 12px; } .gallery-full .article-gallery, .gallery-full .article-gallery .gallery-image{ height: 100vh; padding-bottom: 0!important; margin-bottom: 0px!important; margin-top: 0px; } .gallery-full .owl-stats{ color: #fff; padding-right: 6px; padding-left: 6px; } .gallery-full .gallery-full-screen { display: none; } .gallery-full .article-thumbs{ height: 10vh; display: none; } .gallery-full .article-thumbs .gallery-image{ height: 10vh; padding-bottom: 0; background-size: contain; background-position: center; background-repeat: no-repeat; } .gallery-full .article-gallery .owl-next, .gallery-full .article-gallery .owl-prev{ color: #fff !important; background-color: transparent!important; } </style> <script type="0401c7662e3ad1cd8aa99bb3-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-326'); let gallery = $('#article-gallery-326'); let fullScreen = $('.gallery-full-screen'); let fullScreenClose = $('.gallery-close'); fullScreen.click(function (e){ e.preventDefault(); let link = $(this); let gallery_div = link.closest('.gallery'); gallery_div.removeClass('gallery-boxed'); gallery_div.addClass('gallery-full'); gallery.owlCarousel().trigger('refresh.owl.carousel'); thumbs.owlCarousel().trigger('refresh.owl.carousel'); }); fullScreenClose.click(function (e){ e.preventDefault(); let link = $(this); let gallery_div = link.closest('.gallery'); gallery_div.removeClass('gallery-full'); gallery_div.addClass('gallery-boxed'); gallery.owlCarousel().trigger('refresh.owl.carousel'); thumbs.owlCarousel().trigger('refresh.owl.carousel'); }); gallery.owlCarousel({ autoplay: true, autoHeight: true, autoplayHoverPause: true, autoplayTimeout: 50000, autoplaySpeed: 1000, // loop: true, margin: 0, nav: true, dots: false, responsive: { 0: { items: 1 } } }).on('changed.owl.carousel', function (el) { //if you set loop to false, you have to restore this next line //let current = el.item.index; //if you disable loop you have to comment this block var current = el.item.index ; var count = el.item.count; if (current > count) { current -= count; } if (current < 0) { current += count; } $('.owl-current').html(current+1) //end block thumbs .find(".owl-item") .removeClass("current") .eq(current) .addClass("current"); let onscreen = thumbs.find('.owl-item.active').length - 1; let start = thumbs.find('.owl-item.active').first().index(); let end = thumbs.find('.owl-item.active').last().index(); if (current > end) { thumbs.data('owl.carousel').to(current, 100, true); } if (current < start) { thumbs.data('owl.carousel').to(current - onscreen, 100, true); } }); thumbs.owlCarousel({ autoplay: false, autoplayHoverPause: false, loop: false, margin: 12, nav: false, dots: false, responsive: { 0: { items: 1 }, 768: { items: 2 }, 1024: { items: 3 }, 1280: { items: 4 } } }).on("click", ".owl-item", function (e) { e.preventDefault(); let number = $(this).index(); gallery.data('owl.carousel').to(number, 300, true); }) thumbs.find(".owl-item").eq(0).addClass("current"); /*keyboard navigation*/ $(document.documentElement).keyup(function(event) { if (event.keyCode == 37) { /*left key*/ gallery.trigger('prev.owl.carousel', [700]); } else if (event.keyCode == 39) { /*right key*/ gallery.trigger('next.owl.carousel', [700]); } }); }) </script> <div class="owl-carousel owl-carousel-gallery owl-theme article-gallery" id="article-gallery-326"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/10020/7fbb32b74dea5a9675ee46342e2f374e.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/10020/474983e587dea556cd72657fb7826c9d.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/10020/97999e5d5d85fa1458ca46921fe3107e.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/10020/9aa04662ae0c3e841bf5744476e0a141.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/10020/c6f0d3934bfec29cc1f2ca85ec4160d7.jpg');"> <div class="gallery-image__text">-</div> </div> </div> <div class="owl-stats w-100 mb-3"> <i></i> <div class="right gallery-full-screen"> <i class="material-icons">crop_free</i> </div> <div class="right"> <span class="owl-current">1</span> / 5 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-326" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/10020/7fbb32b74dea5a9675ee46342e2f374e.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/10020/474983e587dea556cd72657fb7826c9d.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/10020/97999e5d5d85fa1458ca46921fe3107e.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/10020/9aa04662ae0c3e841bf5744476e0a141.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/10020/c6f0d3934bfec29cc1f2ca85ec4160d7.jpg');"></div> </div> </div> </div> <div class="article-text">Balice się rozbudowują</div> <div class="article-text"><p style="margin-bottom: 0cm"><b>Lipiec 2013</b> - Prace rozpoczęły się od robót ziemnych, utwardzania i zabezpieczania terenu.</p> <p style="margin-bottom: 0cm"><img alt="" src="http://radiokrakow.pl/resource/www_files/inline/d08/057/6c4/d080576c43ee65b93d1a465f6fc18bc3/d080576c43ee65b93d1a465f6fc18bc3.jpg" style="width: 750px; height: 392px;" /></p> </div> <div class="article-text"> <div class="gallery gallery-boxed"> <div class="gallery-close close-x close-x-white"></div> <style> .article-gallery { margin-bottom: 12px; } .article-gallery .owl-nav { position: absolute; top: 50%; width: 100%; height: 0; transform: translateY(-50%); padding: 0 !important; margin: 0 !important; } .article-gallery .owl-prev, .article-gallery .owl-next { width: 42px; height: 42px; background-color: #fff!important; color: #000 !important; font-size: 38px !important; box-shadow: 0px 1px 1px #00000029; border-radius: 42px !important; opacity: 1; padding: 0 !important; margin: 0 !important; display: block; position: absolute; z-index: 100; line-height: 12px !important; } .article-gallery .owl-prev { border-radius: 0 42px 42px 0!important; left: 0!important; } .article-gallery .owl-next { border-radius: 42px 0 0 42px!important; right: 0!important; } .article-gallery .owl-prev span{ top: 13px; position: absolute; left: 12px; line-height: 21px; } .article-gallery .owl-next span{ top: 13px; position: absolute; right: 12px; line-height: 21px; } .article-gallery .gallery-image { border-radius: 6px; overflow: hidden; width: 100%; height: 0; padding-bottom: 67%; background-size: contain; background-position: center center; background-repeat: no-repeat; vertical-align: center; } .article-gallery .gallery-image__text{ position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.3); color: #fff; padding: 20px; } @media screen and (max-width: 1024px) { .article-gallery .owl-prev, .article-gallery .owl-next { display: none !important; } } .article-thumbs { margin-bottom: 12px; } .article-thumbs .owl-item { opacity: .5; cursor: pointer; border-radius: 6px; overflow: hidden; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .article-thumbs .owl-item.current { opacity: 1; } .gallery .gallery-full-screen { cursor: pointer; margin-left: 12px; float: left; margin-top: -2px; } .article-thumbs .gallery-image { width: 100%; height: auto; aspect-ratio: 3/2; background-size: contain; background-position: center; background-repeat: no-repeat; padding-bottom: 0; } .gallery{} .gallery-boxed{} .gallery-boxed .gallery-close{ display: none; } .gallery-full{ position: fixed; left: 0; top: 0; right: 0; height: 100vh; background-color: #000; z-index: 2000; } .gallery-full{ } .gallery-full .gallery-close{ display: initial; } .gallery-full .gallery-close{ top: 12px; right: 12px; } .gallery-full .article-gallery, .gallery-full .article-gallery .gallery-image{ height: 100vh; padding-bottom: 0!important; margin-bottom: 0px!important; margin-top: 0px; } .gallery-full .owl-stats{ color: #fff; padding-right: 6px; padding-left: 6px; } .gallery-full .gallery-full-screen { display: none; } .gallery-full .article-thumbs{ height: 10vh; display: none; } .gallery-full .article-thumbs .gallery-image{ height: 10vh; padding-bottom: 0; background-size: contain; background-position: center; background-repeat: no-repeat; } .gallery-full .article-gallery .owl-next, .gallery-full .article-gallery .owl-prev{ color: #fff !important; background-color: transparent!important; } </style> <script type="0401c7662e3ad1cd8aa99bb3-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-505'); let gallery = $('#article-gallery-505'); let fullScreen = $('.gallery-full-screen'); let fullScreenClose = $('.gallery-close'); fullScreen.click(function (e){ e.preventDefault(); let link = $(this); let gallery_div = link.closest('.gallery'); gallery_div.removeClass('gallery-boxed'); gallery_div.addClass('gallery-full'); gallery.owlCarousel().trigger('refresh.owl.carousel'); thumbs.owlCarousel().trigger('refresh.owl.carousel'); }); fullScreenClose.click(function (e){ e.preventDefault(); let link = $(this); let gallery_div = link.closest('.gallery'); gallery_div.removeClass('gallery-full'); gallery_div.addClass('gallery-boxed'); gallery.owlCarousel().trigger('refresh.owl.carousel'); thumbs.owlCarousel().trigger('refresh.owl.carousel'); }); gallery.owlCarousel({ autoplay: true, autoHeight: true, autoplayHoverPause: true, autoplayTimeout: 50000, autoplaySpeed: 1000, // loop: true, margin: 0, nav: true, dots: false, responsive: { 0: { items: 1 } } }).on('changed.owl.carousel', function (el) { //if you set loop to false, you have to restore this next line //let current = el.item.index; //if you disable loop you have to comment this block var current = el.item.index ; var count = el.item.count; if (current > count) { current -= count; } if (current < 0) { current += count; } $('.owl-current').html(current+1) //end block thumbs .find(".owl-item") .removeClass("current") .eq(current) .addClass("current"); let onscreen = thumbs.find('.owl-item.active').length - 1; let start = thumbs.find('.owl-item.active').first().index(); let end = thumbs.find('.owl-item.active').last().index(); if (current > end) { thumbs.data('owl.carousel').to(current, 100, true); } if (current < start) { thumbs.data('owl.carousel').to(current - onscreen, 100, true); } }); thumbs.owlCarousel({ autoplay: false, autoplayHoverPause: false, loop: false, margin: 12, nav: false, dots: false, responsive: { 0: { items: 1 }, 768: { items: 2 }, 1024: { items: 3 }, 1280: { items: 4 } } }).on("click", ".owl-item", function (e) { e.preventDefault(); let number = $(this).index(); gallery.data('owl.carousel').to(number, 300, true); }) thumbs.find(".owl-item").eq(0).addClass("current"); /*keyboard navigation*/ $(document.documentElement).keyup(function(event) { if (event.keyCode == 37) { /*left key*/ gallery.trigger('prev.owl.carousel', [700]); } else if (event.keyCode == 39) { /*right key*/ gallery.trigger('next.owl.carousel', [700]); } }); }) </script> <div class="owl-carousel owl-carousel-gallery owl-theme article-gallery" id="article-gallery-505"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/17804/7f02dfc908587b8ae03dfbfc1f046b4f.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/17804/c1b566797d45e869f9eb4459bec71f2b.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/17804/ea9a8f70b7acf21e54a8a81d6bc78738.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/17804/a1ff3f1c963f304281f48918266af4ca.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/17804/aca9386cfd03276f344a22f9a112a6fb.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/17804/8671c169a3917a1ab69a70f230f0b7d5.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/17804/885910b0214f0732ef9da896d74dcce7.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/17804/a09981d90004dab3d22d80585b4a5ca9.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/17804/059331552033f244012d01f7c57826da.jpg');"> <div class="gallery-image__text">-</div> </div> </div> <div class="owl-stats w-100 mb-3"> <i></i> <div class="right gallery-full-screen"> <i class="material-icons">crop_free</i> </div> <div class="right"> <span class="owl-current">1</span> / 9 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-505" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/17804/7f02dfc908587b8ae03dfbfc1f046b4f.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/17804/c1b566797d45e869f9eb4459bec71f2b.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/17804/ea9a8f70b7acf21e54a8a81d6bc78738.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/17804/a1ff3f1c963f304281f48918266af4ca.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/17804/aca9386cfd03276f344a22f9a112a6fb.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/17804/8671c169a3917a1ab69a70f230f0b7d5.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/17804/885910b0214f0732ef9da896d74dcce7.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/17804/a09981d90004dab3d22d80585b4a5ca9.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/17804/059331552033f244012d01f7c57826da.jpg');"></div> </div> </div> </div> <div class="article-text"><p style="margin-bottom: 0cm"><b>Sierpień 2013</b> - Lotnisko wygląda jak jeden wielki plac budowy.</p> <p style="margin-bottom: 0cm"><img alt="" src="http://radiokrakow.pl/resource/www_files/inline/10b/a4f/53e/10ba4f53e7ac22b1045861e755e733c7/10ba4f53e7ac22b1045861e755e733c7.jpg" style="width: 750px; height: 392px;" /></p> </div> <div class="article-text">Rozbudowa portu lotniczego w Krakowie - stan obecny</div> <div class="article-text"><p style="margin-bottom: 0cm"><b>Styczeń 2014</b> – Nowa część terminalu powoli wychodzi z ziemi.</p> <p style="margin-bottom: 0cm"><img alt="" src="http://radiokrakow.pl/resource/www_files/inline/2a0/022/15e/2a002215e0d18641f6edcb16e99e1d2d/2a002215e0d18641f6edcb16e99e1d2d.jpg" style="width: 750px; height: 392px;" /></p> </div> <div class="article-text"> <div class="gallery gallery-boxed"> <div class="gallery-close close-x close-x-white"></div> <style> .article-gallery { margin-bottom: 12px; } .article-gallery .owl-nav { position: absolute; top: 50%; width: 100%; height: 0; transform: translateY(-50%); padding: 0 !important; margin: 0 !important; } .article-gallery .owl-prev, .article-gallery .owl-next { width: 42px; height: 42px; background-color: #fff!important; color: #000 !important; font-size: 38px !important; box-shadow: 0px 1px 1px #00000029; border-radius: 42px !important; opacity: 1; padding: 0 !important; margin: 0 !important; display: block; position: absolute; z-index: 100; line-height: 12px !important; } .article-gallery .owl-prev { border-radius: 0 42px 42px 0!important; left: 0!important; } .article-gallery .owl-next { border-radius: 42px 0 0 42px!important; right: 0!important; } .article-gallery .owl-prev span{ top: 13px; position: absolute; left: 12px; line-height: 21px; } .article-gallery .owl-next span{ top: 13px; position: absolute; right: 12px; line-height: 21px; } .article-gallery .gallery-image { border-radius: 6px; overflow: hidden; width: 100%; height: 0; padding-bottom: 67%; background-size: contain; background-position: center center; background-repeat: no-repeat; vertical-align: center; } .article-gallery .gallery-image__text{ position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.3); color: #fff; padding: 20px; } @media screen and (max-width: 1024px) { .article-gallery .owl-prev, .article-gallery .owl-next { display: none !important; } } .article-thumbs { margin-bottom: 12px; } .article-thumbs .owl-item { opacity: .5; cursor: pointer; border-radius: 6px; overflow: hidden; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .article-thumbs .owl-item.current { opacity: 1; } .gallery .gallery-full-screen { cursor: pointer; margin-left: 12px; float: left; margin-top: -2px; } .article-thumbs .gallery-image { width: 100%; height: auto; aspect-ratio: 3/2; background-size: contain; background-position: center; background-repeat: no-repeat; padding-bottom: 0; } .gallery{} .gallery-boxed{} .gallery-boxed .gallery-close{ display: none; } .gallery-full{ position: fixed; left: 0; top: 0; right: 0; height: 100vh; background-color: #000; z-index: 2000; } .gallery-full{ } .gallery-full .gallery-close{ display: initial; } .gallery-full .gallery-close{ top: 12px; right: 12px; } .gallery-full .article-gallery, .gallery-full .article-gallery .gallery-image{ height: 100vh; padding-bottom: 0!important; margin-bottom: 0px!important; margin-top: 0px; } .gallery-full .owl-stats{ color: #fff; padding-right: 6px; padding-left: 6px; } .gallery-full .gallery-full-screen { display: none; } .gallery-full .article-thumbs{ height: 10vh; display: none; } .gallery-full .article-thumbs .gallery-image{ height: 10vh; padding-bottom: 0; background-size: contain; background-position: center; background-repeat: no-repeat; } .gallery-full .article-gallery .owl-next, .gallery-full .article-gallery .owl-prev{ color: #fff !important; background-color: transparent!important; } </style> <script type="0401c7662e3ad1cd8aa99bb3-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-535'); let gallery = $('#article-gallery-535'); let fullScreen = $('.gallery-full-screen'); let fullScreenClose = $('.gallery-close'); fullScreen.click(function (e){ e.preventDefault(); let link = $(this); let gallery_div = link.closest('.gallery'); gallery_div.removeClass('gallery-boxed'); gallery_div.addClass('gallery-full'); gallery.owlCarousel().trigger('refresh.owl.carousel'); thumbs.owlCarousel().trigger('refresh.owl.carousel'); }); fullScreenClose.click(function (e){ e.preventDefault(); let link = $(this); let gallery_div = link.closest('.gallery'); gallery_div.removeClass('gallery-full'); gallery_div.addClass('gallery-boxed'); gallery.owlCarousel().trigger('refresh.owl.carousel'); thumbs.owlCarousel().trigger('refresh.owl.carousel'); }); gallery.owlCarousel({ autoplay: true, autoHeight: true, autoplayHoverPause: true, autoplayTimeout: 50000, autoplaySpeed: 1000, // loop: true, margin: 0, nav: true, dots: false, responsive: { 0: { items: 1 } } }).on('changed.owl.carousel', function (el) { //if you set loop to false, you have to restore this next line //let current = el.item.index; //if you disable loop you have to comment this block var current = el.item.index ; var count = el.item.count; if (current > count) { current -= count; } if (current < 0) { current += count; } $('.owl-current').html(current+1) //end block thumbs .find(".owl-item") .removeClass("current") .eq(current) .addClass("current"); let onscreen = thumbs.find('.owl-item.active').length - 1; let start = thumbs.find('.owl-item.active').first().index(); let end = thumbs.find('.owl-item.active').last().index(); if (current > end) { thumbs.data('owl.carousel').to(current, 100, true); } if (current < start) { thumbs.data('owl.carousel').to(current - onscreen, 100, true); } }); thumbs.owlCarousel({ autoplay: false, autoplayHoverPause: false, loop: false, margin: 12, nav: false, dots: false, responsive: { 0: { items: 1 }, 768: { items: 2 }, 1024: { items: 3 }, 1280: { items: 4 } } }).on("click", ".owl-item", function (e) { e.preventDefault(); let number = $(this).index(); gallery.data('owl.carousel').to(number, 300, true); }) thumbs.find(".owl-item").eq(0).addClass("current"); /*keyboard navigation*/ $(document.documentElement).keyup(function(event) { if (event.keyCode == 37) { /*left key*/ gallery.trigger('prev.owl.carousel', [700]); } else if (event.keyCode == 39) { /*right key*/ gallery.trigger('next.owl.carousel', [700]); } }); }) </script> <div class="owl-carousel owl-carousel-gallery owl-theme article-gallery" id="article-gallery-535"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/2be08a6592605a51290145a1e7ce6884.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/c057a8fc917941f75074a118dbaf9920.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/72d4d7dddfdfff58ca54bd1f55a3474b.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/8e0b8b7e7c3a9b65c1bb845af6e08da5.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/2c5514eb892c881f05f546d05e9f4ff7.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/31342215d6f96c5a429eb1600ba88cd9.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/06855a5df867ddf62ea4fcc84b37b5ac.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/045dc9169425726e1f9add602d9a2505.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/11fe8b15919778abcc9ae9bb6ba05d6a.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/ab661810aafe0a42d4ff9d3f0100db4d.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/b6bb71ecb48f43b41453404209826780.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/43eca76e77d617b24667ed434828d22f.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/3f6c642eddd3685bce8afb1575682378.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/746385b7479726b4e6862fb175095f66.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/2a3ac6aaacf8c562299d9f476988c28d.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/cba8fddebcbc4f6a24b3280fe92486ae.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/548df20ef7e84b425f8efbc5fda8c558.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/a68f7872a963bedba9106f684090bea4.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/e5aadc766bad023d9d9faf6d5eb0f53e.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/7e76a2c1c8f55e889d027b3b1b68ce64.jpg');"> <div class="gallery-image__text">-</div> </div> </div> <div class="owl-stats w-100 mb-3"> <i></i> <div class="right gallery-full-screen"> <i class="material-icons">crop_free</i> </div> <div class="right"> <span class="owl-current">1</span> / 20 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-535" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/2be08a6592605a51290145a1e7ce6884.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/c057a8fc917941f75074a118dbaf9920.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/72d4d7dddfdfff58ca54bd1f55a3474b.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/8e0b8b7e7c3a9b65c1bb845af6e08da5.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/2c5514eb892c881f05f546d05e9f4ff7.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/31342215d6f96c5a429eb1600ba88cd9.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/06855a5df867ddf62ea4fcc84b37b5ac.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/045dc9169425726e1f9add602d9a2505.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/11fe8b15919778abcc9ae9bb6ba05d6a.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/ab661810aafe0a42d4ff9d3f0100db4d.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/b6bb71ecb48f43b41453404209826780.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/43eca76e77d617b24667ed434828d22f.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/3f6c642eddd3685bce8afb1575682378.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/746385b7479726b4e6862fb175095f66.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/2a3ac6aaacf8c562299d9f476988c28d.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/cba8fddebcbc4f6a24b3280fe92486ae.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/548df20ef7e84b425f8efbc5fda8c558.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/a68f7872a963bedba9106f684090bea4.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/e5aadc766bad023d9d9faf6d5eb0f53e.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/23887/7e76a2c1c8f55e889d027b3b1b68ce64.jpg');"></div> </div> </div> </div> <div class="article-text">Przebudowa Kraków Airport trwa. Stan z lipca 2014 roku (fot. M. Skowronek)</div> <div class="article-text"><p style="margin-bottom: 0cm"><b>Lipiec 2014</b> - Szczyt sezonu turystycznego upływa pod znakiem wielkiego remontu. Okolice terminalu są rozkopane, bo trwa budowa nowej hali przylotów. Inwestycja wchodzi w decydującą fazę.</p> <p style="margin-bottom: 0cm"><img alt="" src="http://radiokrakow.pl/resource/www_files/inline/b14/fde/a2c/b14fdea2cd4860a7abca349670add897/b14fdea2cd4860a7abca349670add897.jpg" style="width: 750px; height: 392px;" /></p> </div> <div class="article-text"> <div class="gallery gallery-boxed"> <div class="gallery-close close-x close-x-white"></div> <style> .article-gallery { margin-bottom: 12px; } .article-gallery .owl-nav { position: absolute; top: 50%; width: 100%; height: 0; transform: translateY(-50%); padding: 0 !important; margin: 0 !important; } .article-gallery .owl-prev, .article-gallery .owl-next { width: 42px; height: 42px; background-color: #fff!important; color: #000 !important; font-size: 38px !important; box-shadow: 0px 1px 1px #00000029; border-radius: 42px !important; opacity: 1; padding: 0 !important; margin: 0 !important; display: block; position: absolute; z-index: 100; line-height: 12px !important; } .article-gallery .owl-prev { border-radius: 0 42px 42px 0!important; left: 0!important; } .article-gallery .owl-next { border-radius: 42px 0 0 42px!important; right: 0!important; } .article-gallery .owl-prev span{ top: 13px; position: absolute; left: 12px; line-height: 21px; } .article-gallery .owl-next span{ top: 13px; position: absolute; right: 12px; line-height: 21px; } .article-gallery .gallery-image { border-radius: 6px; overflow: hidden; width: 100%; height: 0; padding-bottom: 67%; background-size: contain; background-position: center center; background-repeat: no-repeat; vertical-align: center; } .article-gallery .gallery-image__text{ position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.3); color: #fff; padding: 20px; } @media screen and (max-width: 1024px) { .article-gallery .owl-prev, .article-gallery .owl-next { display: none !important; } } .article-thumbs { margin-bottom: 12px; } .article-thumbs .owl-item { opacity: .5; cursor: pointer; border-radius: 6px; overflow: hidden; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .article-thumbs .owl-item.current { opacity: 1; } .gallery .gallery-full-screen { cursor: pointer; margin-left: 12px; float: left; margin-top: -2px; } .article-thumbs .gallery-image { width: 100%; height: auto; aspect-ratio: 3/2; background-size: contain; background-position: center; background-repeat: no-repeat; padding-bottom: 0; } .gallery{} .gallery-boxed{} .gallery-boxed .gallery-close{ display: none; } .gallery-full{ position: fixed; left: 0; top: 0; right: 0; height: 100vh; background-color: #000; z-index: 2000; } .gallery-full{ } .gallery-full .gallery-close{ display: initial; } .gallery-full .gallery-close{ top: 12px; right: 12px; } .gallery-full .article-gallery, .gallery-full .article-gallery .gallery-image{ height: 100vh; padding-bottom: 0!important; margin-bottom: 0px!important; margin-top: 0px; } .gallery-full .owl-stats{ color: #fff; padding-right: 6px; padding-left: 6px; } .gallery-full .gallery-full-screen { display: none; } .gallery-full .article-thumbs{ height: 10vh; display: none; } .gallery-full .article-thumbs .gallery-image{ height: 10vh; padding-bottom: 0; background-size: contain; background-position: center; background-repeat: no-repeat; } .gallery-full .article-gallery .owl-next, .gallery-full .article-gallery .owl-prev{ color: #fff !important; background-color: transparent!important; } </style> <script type="0401c7662e3ad1cd8aa99bb3-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-400'); let gallery = $('#article-gallery-400'); let fullScreen = $('.gallery-full-screen'); let fullScreenClose = $('.gallery-close'); fullScreen.click(function (e){ e.preventDefault(); let link = $(this); let gallery_div = link.closest('.gallery'); gallery_div.removeClass('gallery-boxed'); gallery_div.addClass('gallery-full'); gallery.owlCarousel().trigger('refresh.owl.carousel'); thumbs.owlCarousel().trigger('refresh.owl.carousel'); }); fullScreenClose.click(function (e){ e.preventDefault(); let link = $(this); let gallery_div = link.closest('.gallery'); gallery_div.removeClass('gallery-full'); gallery_div.addClass('gallery-boxed'); gallery.owlCarousel().trigger('refresh.owl.carousel'); thumbs.owlCarousel().trigger('refresh.owl.carousel'); }); gallery.owlCarousel({ autoplay: true, autoHeight: true, autoplayHoverPause: true, autoplayTimeout: 50000, autoplaySpeed: 1000, // loop: true, margin: 0, nav: true, dots: false, responsive: { 0: { items: 1 } } }).on('changed.owl.carousel', function (el) { //if you set loop to false, you have to restore this next line //let current = el.item.index; //if you disable loop you have to comment this block var current = el.item.index ; var count = el.item.count; if (current > count) { current -= count; } if (current < 0) { current += count; } $('.owl-current').html(current+1) //end block thumbs .find(".owl-item") .removeClass("current") .eq(current) .addClass("current"); let onscreen = thumbs.find('.owl-item.active').length - 1; let start = thumbs.find('.owl-item.active').first().index(); let end = thumbs.find('.owl-item.active').last().index(); if (current > end) { thumbs.data('owl.carousel').to(current, 100, true); } if (current < start) { thumbs.data('owl.carousel').to(current - onscreen, 100, true); } }); thumbs.owlCarousel({ autoplay: false, autoplayHoverPause: false, loop: false, margin: 12, nav: false, dots: false, responsive: { 0: { items: 1 }, 768: { items: 2 }, 1024: { items: 3 }, 1280: { items: 4 } } }).on("click", ".owl-item", function (e) { e.preventDefault(); let number = $(this).index(); gallery.data('owl.carousel').to(number, 300, true); }) thumbs.find(".owl-item").eq(0).addClass("current"); /*keyboard navigation*/ $(document.documentElement).keyup(function(event) { if (event.keyCode == 37) { /*left key*/ gallery.trigger('prev.owl.carousel', [700]); } else if (event.keyCode == 39) { /*right key*/ gallery.trigger('next.owl.carousel', [700]); } }); }) </script> <div class="owl-carousel owl-carousel-gallery owl-theme article-gallery" id="article-gallery-400"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/e1da647bc5d0e8e86b1808e1cfb059cf.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/b13a2e2b0014bd7a79b1588e34394665.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/c613fa70a69f30b1232078dc0107d9e8.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/330d79977f08c86672e93499c88b2680.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/285f4f9150c98e6afaaf1cf04db4f229.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/191f9db22c63ccb2c58e4f64e5abcd14.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/6d438d04837f2c1545b31c65c8be6caf.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/4c7dd85b844bc14e9eca107045f1efa3.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/22f7ecb880e0481c48f25e73d2dc42a2.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/df5b169a77fca1bae1b9a38739918e88.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/602e4eb7a9e07dd7ddd1055f51043f28.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/025f3bac909d75f2ab4648976829e18d.jpg');"> <div class="gallery-image__text">-</div> </div> </div> <div class="owl-stats w-100 mb-3"> <i></i> <div class="right gallery-full-screen"> <i class="material-icons">crop_free</i> </div> <div class="right"> <span class="owl-current">1</span> / 12 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-400" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/e1da647bc5d0e8e86b1808e1cfb059cf.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/b13a2e2b0014bd7a79b1588e34394665.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/c613fa70a69f30b1232078dc0107d9e8.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/330d79977f08c86672e93499c88b2680.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/285f4f9150c98e6afaaf1cf04db4f229.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/191f9db22c63ccb2c58e4f64e5abcd14.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/6d438d04837f2c1545b31c65c8be6caf.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/4c7dd85b844bc14e9eca107045f1efa3.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/22f7ecb880e0481c48f25e73d2dc42a2.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/df5b169a77fca1bae1b9a38739918e88.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/602e4eb7a9e07dd7ddd1055f51043f28.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/30397/025f3bac909d75f2ab4648976829e18d.jpg');"></div> </div> </div> </div> <div class="article-text">Rozbudowa lotniska w Balicach</div> <div class="article-text">Pasażerów lotniska w Balicach czekają niewielkie zmiany</div> <div class="article-text"><p style="margin-bottom: 0cm"><b>Wrzesień 2014 </b>- <strong><span style="font-weight: normal">Do nowej części można już wejść, bo bryła jest już prawie gotowa.</span></strong><span style="font-weight: normal"> </span><strong><span style="font-weight: normal">Z zewnątrz pasażerowie mogą już zobaczyć pierwsze zarysy efektownej, szklanej elewacji.</span></strong><span style="font-weight: normal"> Zaczynają się przygotowania do przeniesienia części obsługi pasażerskiej do terminalu krajowego.</span></p> <p style="margin-bottom: 0cm"><span style="font-weight: normal"><img alt="" src="http://radiokrakow.pl/resource/www_files/inline/415/656/d37/415656d373a836cbcfce910717f213bb/415656d373a836cbcfce910717f213bb.jpg" style="width: 750px; height: 392px;" /></span></p> </div> <div class="article-text"> <div class="gallery gallery-boxed"> <div class="gallery-close close-x close-x-white"></div> <style> .article-gallery { margin-bottom: 12px; } .article-gallery .owl-nav { position: absolute; top: 50%; width: 100%; height: 0; transform: translateY(-50%); padding: 0 !important; margin: 0 !important; } .article-gallery .owl-prev, .article-gallery .owl-next { width: 42px; height: 42px; background-color: #fff!important; color: #000 !important; font-size: 38px !important; box-shadow: 0px 1px 1px #00000029; border-radius: 42px !important; opacity: 1; padding: 0 !important; margin: 0 !important; display: block; position: absolute; z-index: 100; line-height: 12px !important; } .article-gallery .owl-prev { border-radius: 0 42px 42px 0!important; left: 0!important; } .article-gallery .owl-next { border-radius: 42px 0 0 42px!important; right: 0!important; } .article-gallery .owl-prev span{ top: 13px; position: absolute; left: 12px; line-height: 21px; } .article-gallery .owl-next span{ top: 13px; position: absolute; right: 12px; line-height: 21px; } .article-gallery .gallery-image { border-radius: 6px; overflow: hidden; width: 100%; height: 0; padding-bottom: 67%; background-size: contain; background-position: center center; background-repeat: no-repeat; vertical-align: center; } .article-gallery .gallery-image__text{ position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.3); color: #fff; padding: 20px; } @media screen and (max-width: 1024px) { .article-gallery .owl-prev, .article-gallery .owl-next { display: none !important; } } .article-thumbs { margin-bottom: 12px; } .article-thumbs .owl-item { opacity: .5; cursor: pointer; border-radius: 6px; overflow: hidden; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .article-thumbs .owl-item.current { opacity: 1; } .gallery .gallery-full-screen { cursor: pointer; margin-left: 12px; float: left; margin-top: -2px; } .article-thumbs .gallery-image { width: 100%; height: auto; aspect-ratio: 3/2; background-size: contain; background-position: center; background-repeat: no-repeat; padding-bottom: 0; } .gallery{} .gallery-boxed{} .gallery-boxed .gallery-close{ display: none; } .gallery-full{ position: fixed; left: 0; top: 0; right: 0; height: 100vh; background-color: #000; z-index: 2000; } .gallery-full{ } .gallery-full .gallery-close{ display: initial; } .gallery-full .gallery-close{ top: 12px; right: 12px; } .gallery-full .article-gallery, .gallery-full .article-gallery .gallery-image{ height: 100vh; padding-bottom: 0!important; margin-bottom: 0px!important; margin-top: 0px; } .gallery-full .owl-stats{ color: #fff; padding-right: 6px; padding-left: 6px; } .gallery-full .gallery-full-screen { display: none; } .gallery-full .article-thumbs{ height: 10vh; display: none; } .gallery-full .article-thumbs .gallery-image{ height: 10vh; padding-bottom: 0; background-size: contain; background-position: center; background-repeat: no-repeat; } .gallery-full .article-gallery .owl-next, .gallery-full .article-gallery .owl-prev{ color: #fff !important; background-color: transparent!important; } </style> <script type="0401c7662e3ad1cd8aa99bb3-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-286'); let gallery = $('#article-gallery-286'); let fullScreen = $('.gallery-full-screen'); let fullScreenClose = $('.gallery-close'); fullScreen.click(function (e){ e.preventDefault(); let link = $(this); let gallery_div = link.closest('.gallery'); gallery_div.removeClass('gallery-boxed'); gallery_div.addClass('gallery-full'); gallery.owlCarousel().trigger('refresh.owl.carousel'); thumbs.owlCarousel().trigger('refresh.owl.carousel'); }); fullScreenClose.click(function (e){ e.preventDefault(); let link = $(this); let gallery_div = link.closest('.gallery'); gallery_div.removeClass('gallery-full'); gallery_div.addClass('gallery-boxed'); gallery.owlCarousel().trigger('refresh.owl.carousel'); thumbs.owlCarousel().trigger('refresh.owl.carousel'); }); gallery.owlCarousel({ autoplay: true, autoHeight: true, autoplayHoverPause: true, autoplayTimeout: 50000, autoplaySpeed: 1000, // loop: true, margin: 0, nav: true, dots: false, responsive: { 0: { items: 1 } } }).on('changed.owl.carousel', function (el) { //if you set loop to false, you have to restore this next line //let current = el.item.index; //if you disable loop you have to comment this block var current = el.item.index ; var count = el.item.count; if (current > count) { current -= count; } if (current < 0) { current += count; } $('.owl-current').html(current+1) //end block thumbs .find(".owl-item") .removeClass("current") .eq(current) .addClass("current"); let onscreen = thumbs.find('.owl-item.active').length - 1; let start = thumbs.find('.owl-item.active').first().index(); let end = thumbs.find('.owl-item.active').last().index(); if (current > end) { thumbs.data('owl.carousel').to(current, 100, true); } if (current < start) { thumbs.data('owl.carousel').to(current - onscreen, 100, true); } }); thumbs.owlCarousel({ autoplay: false, autoplayHoverPause: false, loop: false, margin: 12, nav: false, dots: false, responsive: { 0: { items: 1 }, 768: { items: 2 }, 1024: { items: 3 }, 1280: { items: 4 } } }).on("click", ".owl-item", function (e) { e.preventDefault(); let number = $(this).index(); gallery.data('owl.carousel').to(number, 300, true); }) thumbs.find(".owl-item").eq(0).addClass("current"); /*keyboard navigation*/ $(document.documentElement).keyup(function(event) { if (event.keyCode == 37) { /*left key*/ gallery.trigger('prev.owl.carousel', [700]); } else if (event.keyCode == 39) { /*right key*/ gallery.trigger('next.owl.carousel', [700]); } }); }) </script> <div class="owl-carousel owl-carousel-gallery owl-theme article-gallery" id="article-gallery-286"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/34303/578dceaa2128142eb75d447c3cc56eb2.jpg');"> <div class="gallery-image__text">Fot. Tomasz Buszewski</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/34303/852b3efa5247e36eeb4efee29c475938.jpg');"> <div class="gallery-image__text">Fot. Tomasz Buszewski</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/34303/27b3eb517594c92df56090a28c400e19.jpg');"> <div class="gallery-image__text">Fot. Tomasz Buszewski</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/34303/6e7fbc59773a49c1da905e2829f6f208.jpg');"> <div class="gallery-image__text">Fot. Tomasz Buszewski</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/34303/43b9344889e4871aeb3ec5d10846b1ab.jpg');"> <div class="gallery-image__text">Fot. Tomasz Buszewski</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/34303/e7668b3d96bdd629fe8fff7c823cda73.jpg');"> <div class="gallery-image__text">Fot. Tomasz Buszewski</div> </div> </div> <div class="owl-stats w-100 mb-3"> <i></i> <div class="right gallery-full-screen"> <i class="material-icons">crop_free</i> </div> <div class="right"> <span class="owl-current">1</span> / 6 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-286" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/34303/578dceaa2128142eb75d447c3cc56eb2.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/34303/852b3efa5247e36eeb4efee29c475938.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/34303/27b3eb517594c92df56090a28c400e19.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/34303/6e7fbc59773a49c1da905e2829f6f208.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/34303/43b9344889e4871aeb3ec5d10846b1ab.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/34303/e7668b3d96bdd629fe8fff7c823cda73.jpg');"></div> </div> </div> </div> <div class="article-text"> <div class="gallery gallery-boxed"> <div class="gallery-close close-x close-x-white"></div> <style> .article-gallery { margin-bottom: 12px; } .article-gallery .owl-nav { position: absolute; top: 50%; width: 100%; height: 0; transform: translateY(-50%); padding: 0 !important; margin: 0 !important; } .article-gallery .owl-prev, .article-gallery .owl-next { width: 42px; height: 42px; background-color: #fff!important; color: #000 !important; font-size: 38px !important; box-shadow: 0px 1px 1px #00000029; border-radius: 42px !important; opacity: 1; padding: 0 !important; margin: 0 !important; display: block; position: absolute; z-index: 100; line-height: 12px !important; } .article-gallery .owl-prev { border-radius: 0 42px 42px 0!important; left: 0!important; } .article-gallery .owl-next { border-radius: 42px 0 0 42px!important; right: 0!important; } .article-gallery .owl-prev span{ top: 13px; position: absolute; left: 12px; line-height: 21px; } .article-gallery .owl-next span{ top: 13px; position: absolute; right: 12px; line-height: 21px; } .article-gallery .gallery-image { border-radius: 6px; overflow: hidden; width: 100%; height: 0; padding-bottom: 67%; background-size: contain; background-position: center center; background-repeat: no-repeat; vertical-align: center; } .article-gallery .gallery-image__text{ position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.3); color: #fff; padding: 20px; } @media screen and (max-width: 1024px) { .article-gallery .owl-prev, .article-gallery .owl-next { display: none !important; } } .article-thumbs { margin-bottom: 12px; } .article-thumbs .owl-item { opacity: .5; cursor: pointer; border-radius: 6px; overflow: hidden; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .article-thumbs .owl-item.current { opacity: 1; } .gallery .gallery-full-screen { cursor: pointer; margin-left: 12px; float: left; margin-top: -2px; } .article-thumbs .gallery-image { width: 100%; height: auto; aspect-ratio: 3/2; background-size: contain; background-position: center; background-repeat: no-repeat; padding-bottom: 0; } .gallery{} .gallery-boxed{} .gallery-boxed .gallery-close{ display: none; } .gallery-full{ position: fixed; left: 0; top: 0; right: 0; height: 100vh; background-color: #000; z-index: 2000; } .gallery-full{ } .gallery-full .gallery-close{ display: initial; } .gallery-full .gallery-close{ top: 12px; right: 12px; } .gallery-full .article-gallery, .gallery-full .article-gallery .gallery-image{ height: 100vh; padding-bottom: 0!important; margin-bottom: 0px!important; margin-top: 0px; } .gallery-full .owl-stats{ color: #fff; padding-right: 6px; padding-left: 6px; } .gallery-full .gallery-full-screen { display: none; } .gallery-full .article-thumbs{ height: 10vh; display: none; } .gallery-full .article-thumbs .gallery-image{ height: 10vh; padding-bottom: 0; background-size: contain; background-position: center; background-repeat: no-repeat; } .gallery-full .article-gallery .owl-next, .gallery-full .article-gallery .owl-prev{ color: #fff !important; background-color: transparent!important; } </style> <script type="0401c7662e3ad1cd8aa99bb3-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-468'); let gallery = $('#article-gallery-468'); let fullScreen = $('.gallery-full-screen'); let fullScreenClose = $('.gallery-close'); fullScreen.click(function (e){ e.preventDefault(); let link = $(this); let gallery_div = link.closest('.gallery'); gallery_div.removeClass('gallery-boxed'); gallery_div.addClass('gallery-full'); gallery.owlCarousel().trigger('refresh.owl.carousel'); thumbs.owlCarousel().trigger('refresh.owl.carousel'); }); fullScreenClose.click(function (e){ e.preventDefault(); let link = $(this); let gallery_div = link.closest('.gallery'); gallery_div.removeClass('gallery-full'); gallery_div.addClass('gallery-boxed'); gallery.owlCarousel().trigger('refresh.owl.carousel'); thumbs.owlCarousel().trigger('refresh.owl.carousel'); }); gallery.owlCarousel({ autoplay: true, autoHeight: true, autoplayHoverPause: true, autoplayTimeout: 50000, autoplaySpeed: 1000, // loop: true, margin: 0, nav: true, dots: false, responsive: { 0: { items: 1 } } }).on('changed.owl.carousel', function (el) { //if you set loop to false, you have to restore this next line //let current = el.item.index; //if you disable loop you have to comment this block var current = el.item.index ; var count = el.item.count; if (current > count) { current -= count; } if (current < 0) { current += count; } $('.owl-current').html(current+1) //end block thumbs .find(".owl-item") .removeClass("current") .eq(current) .addClass("current"); let onscreen = thumbs.find('.owl-item.active').length - 1; let start = thumbs.find('.owl-item.active').first().index(); let end = thumbs.find('.owl-item.active').last().index(); if (current > end) { thumbs.data('owl.carousel').to(current, 100, true); } if (current < start) { thumbs.data('owl.carousel').to(current - onscreen, 100, true); } }); thumbs.owlCarousel({ autoplay: false, autoplayHoverPause: false, loop: false, margin: 12, nav: false, dots: false, responsive: { 0: { items: 1 }, 768: { items: 2 }, 1024: { items: 3 }, 1280: { items: 4 } } }).on("click", ".owl-item", function (e) { e.preventDefault(); let number = $(this).index(); gallery.data('owl.carousel').to(number, 300, true); }) thumbs.find(".owl-item").eq(0).addClass("current"); /*keyboard navigation*/ $(document.documentElement).keyup(function(event) { if (event.keyCode == 37) { /*left key*/ gallery.trigger('prev.owl.carousel', [700]); } else if (event.keyCode == 39) { /*right key*/ gallery.trigger('next.owl.carousel', [700]); } }); }) </script> <div class="owl-carousel owl-carousel-gallery owl-theme article-gallery" id="article-gallery-468"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/96d8cf0a6c89546f3b045532b81ea001.jpg');"> <div class="gallery-image__text">fot: Maciej Skowronek</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/eb90c8dc4571ec18b9d65211a2258308.jpg');"> <div class="gallery-image__text">fot: Maciej Skowronek</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/d35824e92b7966d78dd624b71d72dd73.jpg');"> <div class="gallery-image__text">fot: Maciej Skowronek</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/45d2b08199b613462f2d4aa3804131e1.jpg');"> <div class="gallery-image__text">fot: Maciej Skowronek</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/e0b24d37e72ed3f6fc29cc598279d767.jpg');"> <div class="gallery-image__text">fot: Maciej Skowronek</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/982d4508b0a2a0aa6fffcb0ab275f601.jpg');"> <div class="gallery-image__text">fot: Maciej Skowronek</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/40b19808d1f3ed2c3a468db4ca85e4c2.jpg');"> <div class="gallery-image__text">fot: Maciej Skowronek</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/63497e3133979df91483ed5a80585854.jpg');"> <div class="gallery-image__text">fot: Maciej Skowronek</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/a474d0901cca6afc20d7fa27992b1231.jpg');"> <div class="gallery-image__text">fot: Maciej Skowronek</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/ef602a0943dc0ddf03559db1792b8249.jpg');"> <div class="gallery-image__text">fot: Maciej Skowronek</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/25d398502e6e2d32855aba5858a4855c.jpg');"> <div class="gallery-image__text">fot: Maciej Skowronek</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/f66dbd26285db1e6ff04195179b8bb93.jpg');"> <div class="gallery-image__text">fot: Maciej Skowronek</div> </div> </div> <div class="owl-stats w-100 mb-3"> <i></i> <div class="right gallery-full-screen"> <i class="material-icons">crop_free</i> </div> <div class="right"> <span class="owl-current">1</span> / 12 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-468" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/96d8cf0a6c89546f3b045532b81ea001.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/eb90c8dc4571ec18b9d65211a2258308.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/d35824e92b7966d78dd624b71d72dd73.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/45d2b08199b613462f2d4aa3804131e1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/e0b24d37e72ed3f6fc29cc598279d767.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/982d4508b0a2a0aa6fffcb0ab275f601.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/40b19808d1f3ed2c3a468db4ca85e4c2.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/63497e3133979df91483ed5a80585854.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/a474d0901cca6afc20d7fa27992b1231.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/ef602a0943dc0ddf03559db1792b8249.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/25d398502e6e2d32855aba5858a4855c.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/35941/f66dbd26285db1e6ff04195179b8bb93.jpg');"></div> </div> </div> </div> <div class="article-text"><p style="margin-bottom: 0cm"><b>Listopad 2014</b><span style="font-weight: normal"> - Przez najbliższych kilka miesięcy nieco inaczej będzie wyglądała obsługa przylotów i odlotów. Rozpoczęły się prace przy modernizacji głównego terminalu, który ma być połączony z nową, budowaną właśnie częścią. </span></p> <p style="margin-bottom: 0cm"><span style="font-weight: normal"><img alt="" src="http://radiokrakow.pl/resource/www_files/inline/1a0/7d7/e82/1a07d7e82a840b27bffffa3a137958f0/1a07d7e82a840b27bffffa3a137958f0.jpg" style="width: 750px; height: 562px;" /></span></p> </div> <div class="article-text"><p style="margin-bottom: 0cm"><b>Kwiecień 2015 </b><span style="font-weight: normal">- Na krakowskie lotnisko dostarczono dwa z trzech rękawów, które będą działały w nowym terminalu. Pierwszy z nich został zamontowany.</span></p> <p style="margin-bottom: 0cm"><span style="font-weight: normal"><img alt="" src="http://radiokrakow.pl/resource/www_files/inline/ee3/41f/561/ee341f561ecfc319324f95cd84f972c8/ee341f561ecfc319324f95cd84f972c8.jpg" style="width: 750px; height: 392px;" /></span></p> </div> <div class="article-text">Wielki test na krakowskim lotnisku, fot.P. Krawczyk/krakow.pl</div> <div class="article-text"><p style="margin-bottom: 0cm"><b>13 września 2015</b><span style="font-weight: normal"> - Odlotowa Niedziela na podkrakowskim lotnisku w Balicach. Wycieczki z przewodnikiem, warsztaty, konkursy, a przede wszystkim zwiedzanie nowego terminalu - na lotnisku w Balicach obyła się Odlotowa Niedziela. Ci, którzy zapisali się na zwiedzanie budynku, zobaczyli poczekalnie, salę przylotów, rękaw, stację kolejki, ale także miejsca na co dzień niedostępne takie jak sortownię bagaży, czy pomieszczenia straży granicznej. </span></p> <p style="margin-bottom: 0cm"><span style="font-weight: normal"><img alt="" src="http://radiokrakow.pl/resource/www_files/inline/60c/ebd/8d8/60cebd8d86f6343fdd2a98f8c8a4ba86/60cebd8d86f6343fdd2a98f8c8a4ba86.jpg" style="width: 750px; height: 392px;" /></span></p> </div> <div class="article-text"> <div class="gallery gallery-boxed"> <div class="gallery-close close-x close-x-white"></div> <style> .article-gallery { margin-bottom: 12px; } .article-gallery .owl-nav { position: absolute; top: 50%; width: 100%; height: 0; transform: translateY(-50%); padding: 0 !important; margin: 0 !important; } .article-gallery .owl-prev, .article-gallery .owl-next { width: 42px; height: 42px; background-color: #fff!important; color: #000 !important; font-size: 38px !important; box-shadow: 0px 1px 1px #00000029; border-radius: 42px !important; opacity: 1; padding: 0 !important; margin: 0 !important; display: block; position: absolute; z-index: 100; line-height: 12px !important; } .article-gallery .owl-prev { border-radius: 0 42px 42px 0!important; left: 0!important; } .article-gallery .owl-next { border-radius: 42px 0 0 42px!important; right: 0!important; } .article-gallery .owl-prev span{ top: 13px; position: absolute; left: 12px; line-height: 21px; } .article-gallery .owl-next span{ top: 13px; position: absolute; right: 12px; line-height: 21px; } .article-gallery .gallery-image { border-radius: 6px; overflow: hidden; width: 100%; height: 0; padding-bottom: 67%; background-size: contain; background-position: center center; background-repeat: no-repeat; vertical-align: center; } .article-gallery .gallery-image__text{ position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.3); color: #fff; padding: 20px; } @media screen and (max-width: 1024px) { .article-gallery .owl-prev, .article-gallery .owl-next { display: none !important; } } .article-thumbs { margin-bottom: 12px; } .article-thumbs .owl-item { opacity: .5; cursor: pointer; border-radius: 6px; overflow: hidden; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .article-thumbs .owl-item.current { opacity: 1; } .gallery .gallery-full-screen { cursor: pointer; margin-left: 12px; float: left; margin-top: -2px; } .article-thumbs .gallery-image { width: 100%; height: auto; aspect-ratio: 3/2; background-size: contain; background-position: center; background-repeat: no-repeat; padding-bottom: 0; } .gallery{} .gallery-boxed{} .gallery-boxed .gallery-close{ display: none; } .gallery-full{ position: fixed; left: 0; top: 0; right: 0; height: 100vh; background-color: #000; z-index: 2000; } .gallery-full{ } .gallery-full .gallery-close{ display: initial; } .gallery-full .gallery-close{ top: 12px; right: 12px; } .gallery-full .article-gallery, .gallery-full .article-gallery .gallery-image{ height: 100vh; padding-bottom: 0!important; margin-bottom: 0px!important; margin-top: 0px; } .gallery-full .owl-stats{ color: #fff; padding-right: 6px; padding-left: 6px; } .gallery-full .gallery-full-screen { display: none; } .gallery-full .article-thumbs{ height: 10vh; display: none; } .gallery-full .article-thumbs .gallery-image{ height: 10vh; padding-bottom: 0; background-size: contain; background-position: center; background-repeat: no-repeat; } .gallery-full .article-gallery .owl-next, .gallery-full .article-gallery .owl-prev{ color: #fff !important; background-color: transparent!important; } </style> <script type="0401c7662e3ad1cd8aa99bb3-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-341'); let gallery = $('#article-gallery-341'); let fullScreen = $('.gallery-full-screen'); let fullScreenClose = $('.gallery-close'); fullScreen.click(function (e){ e.preventDefault(); let link = $(this); let gallery_div = link.closest('.gallery'); gallery_div.removeClass('gallery-boxed'); gallery_div.addClass('gallery-full'); gallery.owlCarousel().trigger('refresh.owl.carousel'); thumbs.owlCarousel().trigger('refresh.owl.carousel'); }); fullScreenClose.click(function (e){ e.preventDefault(); let link = $(this); let gallery_div = link.closest('.gallery'); gallery_div.removeClass('gallery-full'); gallery_div.addClass('gallery-boxed'); gallery.owlCarousel().trigger('refresh.owl.carousel'); thumbs.owlCarousel().trigger('refresh.owl.carousel'); }); gallery.owlCarousel({ autoplay: true, autoHeight: true, autoplayHoverPause: true, autoplayTimeout: 50000, autoplaySpeed: 1000, // loop: true, margin: 0, nav: true, dots: false, responsive: { 0: { items: 1 } } }).on('changed.owl.carousel', function (el) { //if you set loop to false, you have to restore this next line //let current = el.item.index; //if you disable loop you have to comment this block var current = el.item.index ; var count = el.item.count; if (current > count) { current -= count; } if (current < 0) { current += count; } $('.owl-current').html(current+1) //end block thumbs .find(".owl-item") .removeClass("current") .eq(current) .addClass("current"); let onscreen = thumbs.find('.owl-item.active').length - 1; let start = thumbs.find('.owl-item.active').first().index(); let end = thumbs.find('.owl-item.active').last().index(); if (current > end) { thumbs.data('owl.carousel').to(current, 100, true); } if (current < start) { thumbs.data('owl.carousel').to(current - onscreen, 100, true); } }); thumbs.owlCarousel({ autoplay: false, autoplayHoverPause: false, loop: false, margin: 12, nav: false, dots: false, responsive: { 0: { items: 1 }, 768: { items: 2 }, 1024: { items: 3 }, 1280: { items: 4 } } }).on("click", ".owl-item", function (e) { e.preventDefault(); let number = $(this).index(); gallery.data('owl.carousel').to(number, 300, true); }) thumbs.find(".owl-item").eq(0).addClass("current"); /*keyboard navigation*/ $(document.documentElement).keyup(function(event) { if (event.keyCode == 37) { /*left key*/ gallery.trigger('prev.owl.carousel', [700]); } else if (event.keyCode == 39) { /*right key*/ gallery.trigger('next.owl.carousel', [700]); } }); }) </script> <div class="owl-carousel owl-carousel-gallery owl-theme article-gallery" id="article-gallery-341"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/6ed5db764c9b4bc26ae2e03a5efc3f4d.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/fac0e9e3bdf4c77fccd36f43622d5719.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/b0f680654957ebc371d65f88fcdf4f6c.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/76ddd5e884e37ee4f57167a42744e186.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/c4341488788878ed507324ee51c58ca8.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/c7b79f10d9bc3b9dda4158225571f144.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/47ba82be37ad4b61c9d453edfd5780fe.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/fb45060ffecb12de2b8a12c6bd9fcdf7.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/68e390a2ffbd26c451bb273c756fbb55.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/167ca49e7130bd5815a87a19b4d8d61f.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/ae228aa8e80100263b1a7e3570d8bbbe.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/7e669034fa7df8486cdefa08c97afb09.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/d83ebd7630527ab4e1033f518e7ad68e.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/e820a7a48c5b52e4e1398cd79ac552d0.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/48d62a4170c7842454f4e755a808c375.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/8dd016290c5ff344b5a039a76421cb2d.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/36415222f4e5545b671984f59ee1cb45.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/94bc1ce4cbd133d130eca233d75c9226.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/2f41ec682c4114c9c08dead126d437e5.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/7ada5abbdae29201b0f2a021f7650d3a.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/cfc42b7632b4a5328fa9762189f34bfa.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/913678b58ece4b225eee75773c2e5c80.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/73329082b8c926c7f07de2d062d9884e.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/bb060e42a6cc645107aab8e6b8482944.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/58dea629c6382f13e90d95e9cdf5f053.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/8c0d4b0361a962eff69a60525552ab73.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/f85c88c11a3213a168d8b0269639497c.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/727008c66d1c7c0139d9d1098bc5d2f5.jpg');"> </div> </div> <div class="owl-stats w-100 mb-3"> <i></i> <div class="right gallery-full-screen"> <i class="material-icons">crop_free</i> </div> <div class="right"> <span class="owl-current">1</span> / 28 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-341" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/6ed5db764c9b4bc26ae2e03a5efc3f4d.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/fac0e9e3bdf4c77fccd36f43622d5719.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/b0f680654957ebc371d65f88fcdf4f6c.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/76ddd5e884e37ee4f57167a42744e186.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/c4341488788878ed507324ee51c58ca8.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/c7b79f10d9bc3b9dda4158225571f144.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/47ba82be37ad4b61c9d453edfd5780fe.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/fb45060ffecb12de2b8a12c6bd9fcdf7.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/68e390a2ffbd26c451bb273c756fbb55.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/167ca49e7130bd5815a87a19b4d8d61f.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/ae228aa8e80100263b1a7e3570d8bbbe.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/7e669034fa7df8486cdefa08c97afb09.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/d83ebd7630527ab4e1033f518e7ad68e.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/e820a7a48c5b52e4e1398cd79ac552d0.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/48d62a4170c7842454f4e755a808c375.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/8dd016290c5ff344b5a039a76421cb2d.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/36415222f4e5545b671984f59ee1cb45.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/94bc1ce4cbd133d130eca233d75c9226.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/2f41ec682c4114c9c08dead126d437e5.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/7ada5abbdae29201b0f2a021f7650d3a.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/cfc42b7632b4a5328fa9762189f34bfa.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/913678b58ece4b225eee75773c2e5c80.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/73329082b8c926c7f07de2d062d9884e.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/bb060e42a6cc645107aab8e6b8482944.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/58dea629c6382f13e90d95e9cdf5f053.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/8c0d4b0361a962eff69a60525552ab73.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/f85c88c11a3213a168d8b0269639497c.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/45251/727008c66d1c7c0139d9d1098bc5d2f5.jpg');"></div> </div> </div> </div> <div class="article-text"><p style="margin-bottom: 0cm"><b>28 września 2015</b><span style="font-weight: normal"> – Otwarcie nowego terminalu połączone ze startem pociągu do Balic.</span></p> <p style="margin-bottom: 0cm"><span style="font-weight: normal"><img alt="" src="http://radiokrakow.pl/resource/www_files/inline/490/d2f/a26/490d2fa26205ff499d11afc979d1e681/490d2fa26205ff499d11afc979d1e681.jpg" style="width: 750px; height: 449px;" /></span></p> </div> <div class="article-foot"> <div class="article-source"> </div> <div class="article-user"> </div> </div> </div> <a href="!#" class="tellus-modal-btn">Wyślij opinię na temat artykułu</a> <div class="clearfix"></div> <div style="box-shadow: 0 0 8px rgba(0, 0, 0, .1); background-color: #fff; padding: 24px;"> <h2 class="mid-title mb-4">Komentarze (0)</h2> <div class="alert blue lighten-4 blue-text text-darken-3 p-4 mb-5">Brak komentarzy</div> <form id="commentForm" action="/submit-comment" method="post"> <h3 class="mid-title mb-3" style="font-size: 18px; font-weight: 600;">Dodaj komentarz</h3> <input type="hidden" name="id_obj" value="article_1331956"> <div class="row-nice-input"> <input name='nick' type='text' class='text form-control' title='' value='' id='nick381144' placeholder=" " required /> <label for="nick381144"> Podpis </label> </div> <div class="row-nice-input"> <textarea name='text' class='materialize-textarea form-control' title='' id='text147504' placeholder=" " ></textarea> <label for="text147504"> Treść komentarza </label> </div> <input name='csrf_token' type='hidden' value='98b6a6eaadb030b88bd0ed8e79e8f90c' class='form-control' /><input name='csrf_date' type='hidden' value='2026-04-01 10:31:35' class='form-control' /> <div class="row"> <div class="col s12"> <!-- <div class="g-recaptcha" data-sitekey="6LfKdaAcAAAAAAv7HpyxadvM5QOkJlY-IyV9NSnF"></div>--> </div> </div> <div> <button class="btn waves-effect waves-light button" type="submit">Dodaj komentarz</button> </div> </form> <script type="0401c7662e3ad1cd8aa99bb3-text/javascript"> $(document).ready(function () { $('#commentForm').on('submit', function (event) { event.preventDefault(); let url = Address() + 'commentadd'; let data = $(this).serialize(); Swal.fire({ icon: 'success', title: 'Dziękujemy za dodanie komentarza!', text: "Twój komentarz zostanie dodany niezwłocznie po akceptacji przez moderatora. Komentarze są zwykle moderowane w godzinach 6.00.- 23.00. Komentarze dodane poza tymi godzinami zostaną opublikowane następnego dnia roboczego.", showConfirmButton: false, timer: 10000 }); // Clear the form fields $('#commentForm')[0].reset(); $.ajax({ url: url, type: 'POST', data: data, success: function (response) { }, error: function (xhr, status, error) { Swal.fire({ icon: 'error', title: 'Wystąpił błąd podczas dodawania komentarza.', text: error }); } }); }); }); </script> <style> .notification { padding: 24px; border-radius: 12px; border: 2px dashed rgba(255, 99, 71, .5); display: flex; align-items: center; gap: 12px; margin-bottom: 24px; font-size: 1rem; color: rgba(255, 99, 71, .8); } </style> </div> </div> <div class="col s12 l3 "> <div class="on-top "> <h2 class="on-top-title"> Najnowsze </h2> <ul class="on-top-list blue-scroll"> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/slowacy-znow-tankuja-w-polsce-tansze-paliwo-przyciaga-na-przygraniczne-stacje/"> <b>10:21</b> <h3>Słowacy znów tankują w Polsce. Tańsze paliwo przyciąga na przygraniczne stacje </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/zarzadzanie-kosztami-w-firmach-z-rozproszonym-zespolem-mobilnym/"> <b>10:12</b> <h3>Zarządzanie kosztami w firmach z rozproszonym zespołem mobilnym </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/krakow/mimo-niepogody-wawelska-magnolia-jak-zwykle-pieknie-zakwitla/"> <b>09:55</b> <h3>Mimo niepogody wawelska magnolia jak zwykle pięknie zakwitła </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/krakow/koniec-starych-toalet-w-parku-jordana-nadchodzi-gruntowny-remont/"> <b>09:35</b> <h3>Koniec starych toalet w Parku Jordana. Nadchodzi gruntowny remont </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/nowy-sacz/podhale/nagly-powrot-zimy-na-podhalu-zagraza-ptakom/"> <b>09:17</b> <h3>Nagły powrót zimy na Podhalu zagraża ptakom </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/audycje/internet-pochowal-chucka-norrisa-miliony-uwierzyly-w-jedno-zdjecie/"> <b>08:52</b> <h3>Internet „pochował” Chucka Norrisa. Miliony uwierzyły w jedno zdjęcie </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/audycje/krzysztof-jan-kleczar-o-limitach-cen-paliw-jestem-dumny-z-reakcji-rzadu/"> <b>08:15</b> <h3>Krzysztof Jan Klęczar o limitach cen paliw: "Jestem dumny z reakcji rządu" </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/tarnow/kradli-co-popadnie-szajka-z-powisla-dabrowskiego-w-rekach-policji/"> <b>08:01</b> <h3>Kradli, co popadnie. Szajka z Powiśla Dąbrowskiego w rękach policji </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/tarnow/szok-po-otwarciu-drzwi-stadion-w-tarnowie-tonie-w-balaganie/"> <b>07:47</b> <h3>Szok po otwarciu drzwi. Stadion w Tarnowie tonie w bałaganie </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/krakow/prof-marek-safjan-doktorem-honoris-causa-uniwersytetu-jagiellonskiego/"> <b>07:33</b> <h3>Prof. Marek Safjan doktorem honoris causa Uniwersytetu Jagiellońskiego </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/nowy-sacz/problemy-z-rozliczeniem-wosp-w-nowym-saczu-winne-niedopatrzenia-wolontariuszy/"> <b>07:21</b> <h3>Problemy z rozliczeniem WOŚP w Nowym Sączu. Winne niedopatrzenia wolontariuszy </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/sport/krakow-bedzie-mial-swojego-reprezentanta-na-mundialu-w-kadrze-iraku/"> <b>07:05</b> <h3>Kraków będzie miał swojego reprezentanta na Mundialu. W kadrze... Iraku </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/kultura/sztuka-ktora-nie-milczy-marcowe-marki-radia-krakow-dla-mocaku-i-barakah/"> <b>06:52</b> <h3>Sztuka, która nie milczy. Marcowe Marki Radia Kraków dla Mocaku i Barakah </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/pogoda/chlodna-i-wilgotna-sroda-w-malopolsce-noc-znowu-przyniesie-spore-spadki-temperatur/"> <b>06:39</b> <h3>Chłodna i wilgotna środa w Małopolsce. Noc znowu przyniesie spore spadki temperatur </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/krakow/a-miszalski-zapowiedzial-zmniejszenie-do-zera-premii-dla-zarzadow-spolek-miejskich/"> <b>06:14</b> <h3>Prezydent Miszalski zapowiedział „zmniejszenie do zera” premii dla zarządów spółek miejskich </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/pozar-ciezarowki-na-platnym-odcinku-a4-droga-zablokowana/"> <b>06:01</b> <h3>Pożar ciężarówki na płatnym odcinku A4. Są duże utrudnienia </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/sport/jan-urban-pozostaje-selekcjonerem-reprezentacji/"> <b>23:35</b> <h3>Jan Urban pozostaje selekcjonerem reprezentacji </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/sport/mundial-nie-dla-polskich-pilkarzy/"> <b>23:00</b> <h3>Mundial nie dla polskich piłkarzy </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/audycje/elektrownia-jadrowa-w-choczewie-co-oznacza-dla-polskiej-energetyki/"> <b>22:20</b> <h3>Elektrownia jądrowa w Choczewie. Co oznacza dla polskiej energetyki? </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/nowy-sacz/podhale/nielegalne-domki-na-bachledzkim-wierchu-jest-akt-oskarzenia-przeciwko-krolowi-samowoli-z-zakopanego/"> <b>21:41</b> <h3>Nielegalne domki na Bachledzkim Wierchu. Jest akt oskarżenia przeciwko „królowi samowoli” z Zakopanego </h3> </a> </li> </ul> </div> <div class="article__tell-us"> <h3 class="article__tell-us-title"> <a href="http://bit.ly/2VSJwzE"> Skontaktuj się z Radiem Kraków - czekamy na opinie naszych Słuchaczy</a></h3> <p> Pod każdym materiałem na naszej stronie dostępny jest przycisk, dzięki któremu możecie Państwo wysyłać maile z opiniami. Wszystkie będą skrupulatnie czytane i nie pozostaną bez reakcji. </p> <p>Opinie można wysyłać też bezpośrednio na adres <a href="/cdn-cgi/l/email-protection#4e213e2720272b0e3c2f2a2721253c2f252139603e22" class="article__tell-us-link"><span class="__cf_email__" data-cfemail="f19e81989f9894b1839095989e9a83909a9e86df819d">[email protected]</span></a></p> <p> Zapraszamy również do kontaktu z nami poprzez SMS - <b>4080</b>, telefonicznie (<b>12 200 33 33</b> – antena,<b>12 630 60 00</b> – recepcja), a także na nasz profil na <a href="https://facebook.com/radiokrakow/" class="article__tell-us-link"> <span>Facebooku</span></a> oraz <a href="https://twitter.com/RadioKrakow" class="article__tell-us-link"> <span>Twitterze</span> </a> </p> </div> </div> </div> </section> </main> <footer> <div class="container"> <div class="row db"> <div class="col s12 m6 l3" style="display: none;"> <a href="/" class="mb-5"> <img src="https://www.radiokrakow.pl/application/site/web/images/logo.png?v=20260401103135" alt="Radio Kraków"> </a> <div class="clearfix"></div> <p style="line-height: 32px" class="mb-4 pr-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet architecto asperiores deleniti dicta dolores earum illo iste</p> </div> <div class="col s12 m6 l12"> <div class="row"> <div class="col s12 m6 l3"> <h4 class="big-serach-list-title">Kontakt</h4> <ul class="list-icon" style="margin-top: 5px !important; float: left;"> <li> <i class="material-icons">phone</i> <span>12 200 33 33</span> <b>(antena)</b> </li> <li> <i class="material-icons">phone</i> <span>12 630 60 00</span> <b>(recepcja)</b> </li> <li> <i class="material-icons">phone</i> <span>12 630 62 06</span> <b>(reklama)</b> </li> <li> <i class="material-icons">email</i> <span><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="4f3d2a2b2e242c252e0f3d2e2b2620243d2e242038613f23">[email protected]</a></span> </li> <li> <i class="material-icons">email</i> <span><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3e4c5b55525f535f7e4c5f5a5751554c5f555149104e52">[email protected]</a></span> </li> </ul> </div> <div class="col s12 m6 l5 offset-l1"> <h4 class="big-serach-list-title">O nas</h4> <div class="row db"> <div class="col s12 m6 l4"> <ul class="m-0"> <li> <a href="https://www.radiokrakow.pl/aktualnosci/" title="Aktualności" style="line-height: 32px">Aktualności</a> </li> <li> <a href="https://www.radiokrakow.pl/aktualnosci/krakow/" title="Kraków" style="line-height: 32px">Kraków</a> </li> <li> <a href="https://www.radiokrakow.pl/aktualnosci/tarnow/" title="Tarnów" style="line-height: 32px">Tarnów</a> </li> <li> <a href="https://www.radiokrakow.pl/aktualnosci/malopolskazachodnia/" title="Małopolska Zachodnia" style="line-height: 32px">Małopolska Zachodnia</a> </li> <li> <a href="https://www.radiokrakow.pl/aktualnosci/nowy-sacz/" title="Nowy Sącz" style="line-height: 32px">Nowy Sącz</a> </li> <li> <a href="https://www.radiokrakow.pl/aktualnosci/nowy-sacz/podhale/" title="Podhale" style="line-height: 32px">Podhale</a> </li> <li> <a href="https://www.radiokrakow.pl/aktualnosci/gorlice/" title="Gorlice" style="line-height: 32px">Gorlice</a> </li> </ul> </div> <div class="col s12 m6 l4"> <ul class="m-0"> <li> <a href="https://www.radiokrakow.pl/ludzie-radia/" title="Ludzie Radia" style="line-height: 32px">Ludzie Radia</a> </li> <li> <a href="https://www.radiokrakow.pl/regulaminkonkursow" title="Regulamin konkursów" style="line-height: 32px">Regulamin konkursów</a> </li> <li> <a href="https://www.radiokrakow.pl/kontakt/tess/abc-abonament/" title="Abonament" style="line-height: 32px">Abonament</a> </li> <li> <a href="https://bip.radiokrakow.pl/" title="BIP" style="line-height: 32px">BIP</a> </li> <li> <a href="https://www.radiokrakow.pl/partnerzy/" title="Partnerzy" style="line-height: 32px">Partnerzy</a> </li> <li> <a href="https://www.pracuj.pl/praca/krakow;wp" title="Praca na Pracuj.pl" style="line-height: 32px">Praca na Pracuj.pl</a> </li> <li> <a href="https://www.praca.pl/krakow.html" title="Praca Kraków" style="line-height: 32px">Praca Kraków</a> </li> <li> <a href="https://www.gowork.pl/praca/krakow;l" title="Praca Kraków" style="line-height: 32px">Praca Kraków</a> </li> <li> <a href="https://jobicon.pracuj.pl/" title="Targi pracy Kraków" style="line-height: 32px">Targi pracy Kraków</a> </li> <li> <a href="https://krakow.telekwiaciarnia.pl" title="Telekwiaciarnia Kraków" style="line-height: 32px">Telekwiaciarnia Kraków</a> </li> <li> <a href="http://tanieloty.com" title=" Tanie Loty" style="line-height: 32px"> Tanie Loty</a> </li> <li> <a href="https://hotels.pl/" title="Hotele" style="line-height: 32px">Hotele</a> </li> <li> <a href="https://www.mohito.com/pl/pl/ubrania/kurtki-plaszcze/kurtki-zimowe" title="Kurtki zimowe damskie" style="line-height: 32px">Kurtki zimowe damskie</a> </li> <li> <a href="https://biurobot.pl/" title="Artykuły biurowe" style="line-height: 32px">Artykuły biurowe</a> </li> <li> <a href="https://www.eberto.pl/" title="Baza ofert pracy" style="line-height: 32px">Baza ofert pracy</a> </li> <li> <a href="https://blog.theprotocol.it/ " title="the:blog" style="line-height: 32px">the:blog</a> </li> <li> <a href="https://krakow.nieruchomosci-online.pl/mieszkania/" title="Mieszkania w Krakowie" style="line-height: 32px">Mieszkania w Krakowie</a> </li> <li> <a href="https://posrednik.pl/" title="Darmowe ogłoszenia" style="line-height: 32px">Darmowe ogłoszenia</a> </li> </ul> </div> </div> </div> <div class="col s12 m6 l3 "> <h4 class="big-serach-list-title">Posłuchasz nas</h4> <div class="big-serach-list-item"> Kraków <b class="color2-text right">101.6 MHz</b> </div> <div class="big-serach-list-item"> Tarnów <b class="color2-text right">101 MHz</b> </div> <div class="big-serach-list-item"> Zakopane <b class="color2-text right">100 MHz</b> </div> <div class="big-serach-list-item"> Andrychów <b class="color2-text right">98.8 MHz</b> </div> <div class="big-serach-list-item"> Gorlice <b class="color2-text right">97.4 MHz</b> </div> <div class="big-serach-list-item"> Krynica-Zdrój <b class="color2-text right">102.1 MHz</b> </div> <div class="big-serach-list-item"> Rabka-Zdrój <b class="color2-text right">87.6 MHz</b> </div> <div class="big-serach-list-item"> Szczawnica <b class="color2-text right">90 MHz</b> </div> <div class="big-serach-list-item"> Nowy Sącz <b class="color2-text right">90 MHz</b> </div> </div> </div> </div> </div> </div> <div class="footer-dark"> <div class="container"> <div class="row mb-0"> <div class="col s12"><b></b> <ul class="right list-social"> <li class="list-social-item"> <a href="https://twitter.com/RadioKrakow" target="_blank"> <i class="fab fa-twitter"></i> <span class="hide">Twitter</span> </a> </li> <li class="list-social-item"> <a href="https://pl-pl.facebook.com/radiokrakow" target="_blank"> <i class="fab fa-facebook-f"></i> <span class="hide">Facebook</span> </a> </li> <li class="list-social-item"> <a href="https://www.youtube.com/channel/UCRYJv0ixGJpwFd0ba6bIWtg" target="_blank"> <i class="fab fa-youtube"></i> <span class="hide">Youtube</span> </a> </li> <li class="list-social-item"> <a href="https://instagram.com/radio_krakow" target="_blank"> <i class="fab fa-instagram"></i> <span class="hide">Instagram</span> </a> </li> </ul> <b class="left hide-on-med-and-down" title="2026-04-01 10:31:35">Zobacz</b> <ul class="left hide-on-med-and-down list-line"> <li> <a href="https://www.radiokrakow.pl/aktualnosci/kultura/">Kultura</a> </li> <li> <a href="https://www.radiokrakow.pl/aktualnosci/sport/">Sport</a> </li> <li> <a href="https://www.radiokrakow.pl/muzyka/">Muzyka</a> </li> <li> <a href="https://www.radiokrakow.pl/audycje/">Audycje</a> </li> <li> <a href="https://podcasty.radiokrakow.pl/">Podcasty</a> </li> <li> <a href="https://www.radiokrakow.pl/kontakt/">Kontakt</a> </li> <li> <a href="https://www.radiokrakow.pl/ramowka/">Ramówka</a> </li> <li> <a href="https://studio.radiokrakow.pl">Studia nagraniowe</a> </li> </ul> </div> </div> <div class="row mb-3"> <div class="col s12"> <hr class="mt-4"> </div> </div> <div class="row mb-2"> <div class="col s12 l9"> RADIO KRAKÓW SA. Aleja Juliusza Słowackiego 22, 30-007 Kraków </div> <div class="col s12 l3" style="text-align: right"> Antena: 12 200 33 33 </div> </div> </div> </div> </footer> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="0401c7662e3ad1cd8aa99bb3-|49" defer></script></body> <script type="0401c7662e3ad1cd8aa99bb3-text/javascript"> $(document).ready(function () { $('.contact-modal-btn').click(function (e){ e.preventDefault(); let modal = $('.contact-modal'); modal.toggleClass('contact-modal-open'); }) $('.contact-modal .close-x').click(function (e){ e.preventDefault(); let modal = $('.contact-modal'); modal.toggleClass('contact-modal-open'); }); }); </script> <div class="contact-modal blue-scroll"> <div class="close-x"></div> <h2 class="mid-title">Kontakt</h2> <div class="contact-block"> <b class="width-auto">Sekretariat Zarządu</b> <br> <h4>12 630 61 01</h4> </div> <iframe width="100%" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" style="margin-bottom: 24px;" src="https://maps.google.com/maps?width=100%25&height=300&hl=en&q=Kraków Al. Słowackiego 22&t=&z=14&ie=UTF8&iwloc=B&output=embed" class="radius">
Wyślij wiadomość
Mail
Telefon
Otwarte
Zamknięte
O czym chcesz porozmawiać
Treść wiadomości
Trwa dodawanie plików, wykonano
wgrano
z
Dodaj pliki
Plik
Pliki
Wyślij
Wyślij opinię
Mail
Telefon
Treść wiadomości
Wyślij
mail
Wyślij mail
content_copy
Kopiuj link
Facebook
Twitter
LinkedIn
Radio Kraków informuje,
iż od dnia 25 maja 2018 roku wprowadza aktualizację polityki prywatności i zabezpieczeń w zakresie przetwarzania danych osobowych. Niniejsza informacja ma na celu zapoznanie osoby korzystające z Portalu Radia Kraków oraz słuchaczy Radia Kraków ze szczegółami stosowanych przez Radio Kraków technologii oraz z przepisami o ochronie danych osobowych, obowiązujących od dnia 25 maja 2018 roku. Zapraszamy do zapoznania się z informacjami zawartymi w Polityce Prywatności.