</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=20260706002829" 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=20260706002829" 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="507cb5983cd730a14cbe9834-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="507cb5983cd730a14cbe9834-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/tarnow/" title="Tarnów" class="breadcrumb"> Tarnów </a> <a href="aktualnosci/tarnow/z-tarnowa-wyruszyla-dzis-39-piesza-pielgrzymka-na-jasna-gore/" title="Z Tarnowa wyruszyła dziś 39. Piesza Pielgrzymka na Jasną Górę" class="breadcrumb"> Z Tarnowa wyruszyła dziś 39. Piesza Pielgrzymka na Jasną Górę </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/3198415/type/article>" class="btn btn-article-edit" style="display: none;">Edytuj</a> <script type="507cb5983cd730a14cbe9834-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="Z Tarnowa wyruszyła dziś 39. Piesza Pielgrzymka na Jasną Górę" data-text="Ze względu na trwającą pandemię, podobnie jak w ubiegłym roku, tarnowska pielgrzymka ma formę sztafetową - na trasę każdego dnia wyruszą trzy inne grupy. Z Tarnowa wychodzą ulicą Klikowską w kierunku miejscowości Biała, przez Bobrowniki Wielkie i Niedomice do Zabawy. Pielgrzymi pokonają dziś 24 kilometry i wieczorem wrócą do domów, a jutro na trasę pielgrzymki wyruszą inne trzy grupy. Będą się w ten sposób wymieniali przez 9 dni."> <i class="material-icons">share</i> </a> <h1 class="article-title big-title">Z Tarnowa wyruszyła dziś 39. Piesza Pielgrzymka na Jasną Górę</h1> <ul class="meta"> <li class="meta__item meta__item-user meta__item-fullopacity " data-role="editor"> <a href="https://www.radiokrakow.pl/ludzie-radia/bartlomiej-maziarz/" class="user-item user-item-min"> <div class="user-item__thumb " style="background-image: url('https://www.radiokrakow.pl/data/user/avatar/e888fe49f6b4cd8ec75b0d34742995c9.jpg');"></div> <div class="user-item__name"> Bartłomiej <b>Maziarz</b> </div> <div class="user-item__position"></div> </a> </li> <li class="meta__item"> <i class="material-icons">date_range</i> Wtorek, 2021.08.17 10:17 <span class="grey-text"> ( Edytowany Wtorek, 2021.08.17 10:44 ) </span> </li> </ul> <strong class="article-lead">Ze względu na trwającą pandemię, podobnie jak w ubiegłym roku, tarnowska pielgrzymka ma formę sztafetową - na trasę każdego dnia wyruszą trzy inne grupy. Z Tarnowa wychodzą ulicą Klikowską w kierunku miejscowości Biała, przez Bobrowniki Wielkie i Niedomice do Zabawy. Pielgrzymi pokonają dziś 24 kilometry i wieczorem wrócą do domów, a jutro na trasę pielgrzymki wyruszą inne trzy grupy. Będą się w ten sposób wymieniali przez 9 dni. </strong> <div class="article-thumb" style="background-image: url('https://www.radiokrakow.pl/data/article/3198415/8dff3b6ae34ffdf64fde800ea162816ctpl9666.jpg');"> </div> <p class="article-thumb-tags"> Fot. Paweł Topolski </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/tarnow/z-tarnowa-wyruszyla-dzis-39-piesza-pielgrzymka-na-jasna-gore/" 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/tarnow/z-tarnowa-wyruszyla-dzis-39-piesza-pielgrzymka-na-jasna-gore/&text=Z Tarnowa wyruszyła dziś 39. Piesza Pielgrzymka na Jasną Górę" 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/tarnow/z-tarnowa-wyruszyla-dzis-39-piesza-pielgrzymka-na-jasna-gore/&title=Z Tarnowa wyruszyła dziś 39. Piesza Pielgrzymka na Jasną Górę&summary=Ze względu na trwającą pandemię, podobnie jak w ubiegłym roku, tarnowska pielgrzymka ma formę sztafetową - na trasę każdego dnia wyruszą trzy inne grupy. Z Tarnowa wychodzą ulicą Klikowską w kierunku miejscowości Biała, przez Bobrowniki Wielkie i Niedomice do Zabawy. Pielgrzymi pokonają dziś 24 kilometry i wieczorem wrócą do domów, a jutro na trasę pielgrzymki wyruszą inne trzy grupy. Będą się w ten sposób wymieniali przez 9 dni." 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> Posłuchaj pielgrzymów <audio controls class="article-audio"> <source src="https://www.radiokrakow.pl/data/article/3198422/9533d2462f0b3f3be96bdab98bd4446917idaiar.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> <div class="article-text">Dyrektor tarnowskiej pielgrzymki ks. Zbigniew Szostak, podkreśla, że sztafetowa forma tarnowskiej pielgrzymki wynika z tego, że jej specyfiką są noclegi u gospodarzy w danych miejscowościach, a nie pod namiotami. <br /> <blockquote>Mam nadzieję, że w przyszłym roku zmierzymy się z wyzwaniem, żeby wrócić do dawnego stylu pielgrzymowania.</blockquote></div> Posłuchaj, co mówi ks. Zbigniew Szostak <audio controls class="article-audio"> <source src="https://www.radiokrakow.pl/data/article/3198436/2e5327ac2f9a24e08e8c7daa05d68c8a17dyrektor.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> <div class="article-text">Dyrektor Pieszej Pielgrzymki Tarnowskiej podkreśla, że sztafetowa forma zachęciła do uczestnictwa niektóre osoby, które nie byłyby w stanie iść przez 9 dni. <br /><br />Dla tych, którzy w danym dniu nie wyruszają na trasę tarnowskiej pielgrzymki, organizatorzy przygotowali internetowe transmisje z trasy oraz specjalną aplikację na urządzenia mobilne. Tarnowscy pielgrzymi spotkają się na Jasnej Górze 25 sierpnia.</div> <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="507cb5983cd730a14cbe9834-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-939'); let gallery = $('#article-gallery-939'); 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-939"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9630.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9633.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9641.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9643.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9646.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9651.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9653.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9655.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9658.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9660.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9666-1.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9671.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1cb622399455fa5dedd79f2ff6e1405ftpl9673.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> / 13 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-939" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9630.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9633.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9641.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9643.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9646.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9651.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9653.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9655.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9658.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9660.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9666-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9671.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1cb622399455fa5dedd79f2ff6e1405ftpl9673.jpg');"></div> </div> </div> <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="507cb5983cd730a14cbe9834-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-785'); let gallery = $('#article-gallery-785'); 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-785"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9630.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9633.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9641.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9643.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9646.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9651.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9653.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9655.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9658.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9660.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9666-1.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9671.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1cb622399455fa5dedd79f2ff6e1405ftpl9673.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> / 13 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-785" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9630.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9633.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9641.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9643.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9646.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9651.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9653.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9655.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9658.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9660.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9666-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9671.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1cb622399455fa5dedd79f2ff6e1405ftpl9673.jpg');"></div> </div> </div> <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="507cb5983cd730a14cbe9834-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-133'); let gallery = $('#article-gallery-133'); 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-133"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9630.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9633.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9641.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9643.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9646.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9651.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9653.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9655.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9658.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9660.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9666-1.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9671.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1cb622399455fa5dedd79f2ff6e1405ftpl9673.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> / 13 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-133" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9630.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9633.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9641.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9643.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9646.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9651.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9653.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9655.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9658.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9660.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9666-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9671.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1cb622399455fa5dedd79f2ff6e1405ftpl9673.jpg');"></div> </div> </div> <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="507cb5983cd730a14cbe9834-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-173'); let gallery = $('#article-gallery-173'); 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-173"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9630.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9633.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9641.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9643.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9646.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9651.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9653.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9655.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9658.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9660.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9666-1.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9671.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1cb622399455fa5dedd79f2ff6e1405ftpl9673.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> / 13 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-173" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9630.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9633.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9641.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9643.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9646.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9651.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9653.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9655.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9658.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9660.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9666-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9671.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1cb622399455fa5dedd79f2ff6e1405ftpl9673.jpg');"></div> </div> </div> <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="507cb5983cd730a14cbe9834-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-214'); let gallery = $('#article-gallery-214'); 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-214"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9630.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9633.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9641.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9643.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9646.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9651.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9653.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9655.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9658.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9660.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9666-1.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9671.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1cb622399455fa5dedd79f2ff6e1405ftpl9673.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> / 13 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-214" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9630.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9633.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9641.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9643.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9646.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9651.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9653.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9655.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9658.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9660.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9666-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9671.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1cb622399455fa5dedd79f2ff6e1405ftpl9673.jpg');"></div> </div> </div> <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="507cb5983cd730a14cbe9834-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-758'); let gallery = $('#article-gallery-758'); 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-758"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9630.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9633.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9641.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9643.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9646.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9651.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9653.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9655.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9658.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9660.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9666-1.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9671.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1cb622399455fa5dedd79f2ff6e1405ftpl9673.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> / 13 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-758" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9630.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9633.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9641.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9643.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9646.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9651.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9653.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9655.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9658.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9660.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9666-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9671.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1cb622399455fa5dedd79f2ff6e1405ftpl9673.jpg');"></div> </div> </div> <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="507cb5983cd730a14cbe9834-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-299'); let gallery = $('#article-gallery-299'); 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-299"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9630.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9633.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9641.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9643.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9646.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9651.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9653.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9655.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9658.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9660.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9666-1.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9671.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1cb622399455fa5dedd79f2ff6e1405ftpl9673.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> / 13 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-299" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9630.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9633.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9641.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9643.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9646.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9651.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9653.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9655.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9658.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9660.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9666-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9671.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1cb622399455fa5dedd79f2ff6e1405ftpl9673.jpg');"></div> </div> </div> <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="507cb5983cd730a14cbe9834-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-466'); let gallery = $('#article-gallery-466'); 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-466"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9630.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9633.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9641.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9643.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9646.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9651.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9653.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9655.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9658.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9660.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9666-1.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9671.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1cb622399455fa5dedd79f2ff6e1405ftpl9673.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> / 13 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-466" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9630.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9633.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9641.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9643.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9646.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9651.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9653.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9655.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9658.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9660.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9666-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9671.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1cb622399455fa5dedd79f2ff6e1405ftpl9673.jpg');"></div> </div> </div> <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="507cb5983cd730a14cbe9834-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-691'); let gallery = $('#article-gallery-691'); 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-691"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9630.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9633.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9641.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9643.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9646.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9651.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9653.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9655.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9658.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9660.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9666-1.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9671.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1cb622399455fa5dedd79f2ff6e1405ftpl9673.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> / 13 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-691" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9630.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9633.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9641.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9643.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9646.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9651.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9653.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9655.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9658.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9660.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9666-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9671.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1cb622399455fa5dedd79f2ff6e1405ftpl9673.jpg');"></div> </div> </div> <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="507cb5983cd730a14cbe9834-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-870'); let gallery = $('#article-gallery-870'); 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-870"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9630.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9633.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9641.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9643.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9646.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9651.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9653.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9655.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9658.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9660.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9666-1.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9671.jpg');"> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1cb622399455fa5dedd79f2ff6e1405ftpl9673.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> / 13 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-870" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9630.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b60eaa120639290f0bc72b54a53d0ce7tpl9633.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9641.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/b9acf452aeb8174f0abe460565774f15tpl9643.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9646.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9651.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/532255bd9e1b5934f71e62b0609664b1tpl9653.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9655.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1ef6b118112d761ae213cb318c9227f6tpl9658.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9660.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9666-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1a753e9e6cd0529641abfc24ef09e9b8tpl9671.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198450/1cb622399455fa5dedd79f2ff6e1405ftpl9673.jpg');"></div> </div> </div> <div class="gallery gallery-boxed"> <div class="gallery-close close-x close-x-white"></div> <script type="507cb5983cd730a14cbe9834-text/javascript"> $(document).keypress(function (e) { if ($('.gallery-full').lenght > 0) { $('.gallery-full .gallery-close').click(); } }); $(document).ready(function (e) { let thumbs = $('#article-thumbs-3198527'); let gallery = $('#article-gallery-3198527'); 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: false, 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> <p class="article-thumb-tags mb-0">Fot. Paweł Topolski</p> <div class="owl-carousel owl-carousel-gallery owl-theme article-gallery" id="article-gallery-3198527"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/427540ae5d04a2208dfbd4521f7e6560tpl9630-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/6a1929253da9f02da76102319458b5eftpl9633-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/f06bd017bcf84c75edc0197aa3b6ffb9tpl9641-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/f06bd017bcf84c75edc0197aa3b6ffb9tpl9643-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/f06bd017bcf84c75edc0197aa3b6ffb9tpl9646-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/9aec8a37b1b53efafb59bc8c9df592aatpl9651-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/9aec8a37b1b53efafb59bc8c9df592aatpl9653-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/9aec8a37b1b53efafb59bc8c9df592aatpl9655-3.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/93eb1bb22939b3ce23154cd457cc37d7tpl9658-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/93eb1bb22939b3ce23154cd457cc37d7tpl9660-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/e5e6f724515609c83c0d91474fd24433tpl9666-2.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/e5e6f724515609c83c0d91474fd24433tpl9671-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/e5e6f724515609c83c0d91474fd24433tpl9673-1.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> / 13 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only " id="article-thumbs-3198527" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/427540ae5d04a2208dfbd4521f7e6560tpl9630-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/6a1929253da9f02da76102319458b5eftpl9633-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/f06bd017bcf84c75edc0197aa3b6ffb9tpl9641-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/f06bd017bcf84c75edc0197aa3b6ffb9tpl9643-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/f06bd017bcf84c75edc0197aa3b6ffb9tpl9646-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/9aec8a37b1b53efafb59bc8c9df592aatpl9651-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/9aec8a37b1b53efafb59bc8c9df592aatpl9653-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/9aec8a37b1b53efafb59bc8c9df592aatpl9655-3.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/93eb1bb22939b3ce23154cd457cc37d7tpl9658-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/93eb1bb22939b3ce23154cd457cc37d7tpl9660-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/e5e6f724515609c83c0d91474fd24433tpl9666-2.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/e5e6f724515609c83c0d91474fd24433tpl9671-1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/3198527/e5e6f724515609c83c0d91474fd24433tpl9673-1.jpg');"></div> </div> </div> <div class="article-foot"> <div class="article-source"> </div> <div class="article-user"> <b>Autor:</b> <a class="user-item user-item-min" style="display: inline-block;" href="https://www.radiokrakow.pl/ludzie-radia/bartlomiej-maziarz/"> <div class="user-item__thumb" style="background-size:contain; border-radius: 0;background-image: url('https://www.radiokrakow.pl/data/user/avatar/e888fe49f6b4cd8ec75b0d34742995c9.jpg');"></div> <div class="user-item__name"> Bartłomiej Maziarz </div> </a> <br> <b>Opracowanie:</b> <a class="user-item user-item-min" style="display: inline-block;" href="https://www.radiokrakow.pl/ludzie-radia/jowita-galka/"> <div class="user-item__thumb" style="background-size:contain; border-radius: 0;background-image: url('https://www.radiokrakow.pl/data/user/avatar/818c1987095d33f4890772e13907cedfjowitagalka029.jpg');"></div> <div class="user-item__name"> Jowita Gałka-Kucharska </div> </a> <br> </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_3198415"> <div class="row-nice-input"> <input name='nick' type='text' class='text form-control' title='' value='' id='nick741100' placeholder=" " required /> <label for="nick741100"> Podpis </label> </div> <div class="row-nice-input"> <textarea name='text' class='materialize-textarea form-control' title='' id='text969598' placeholder=" " ></textarea> <label for="text969598"> Treść komentarza </label> </div> <input name='csrf_token' type='hidden' value='b7d2f8d6e4e2c1eaba787988f51dbe33' class='form-control' /><input name='csrf_date' type='hidden' value='2026-07-06 00:28:29' 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="507cb5983cd730a14cbe9834-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/audycje/uwodzenie-sztuka-relacji-czy-ukryta-manipulacja/"> <b>21:05</b> <h3>Uwodzenie – sztuka relacji czy ukryta manipulacja? </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/krakow/skrajne-ugrupowania-zorganizowaly-marsz-wolynski-czesc-uczestnikow-w-pseudopolicyjnych-mundurach/"> <b>20:47</b> <h3>Skrajne ugrupowania zorganizowały w Krakowie Marsz Wołyński. Część uczestników w pseudopolicyjnych mundurach </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/galerie/malopolski-marsz-wolynski-na-ulicach-krakowa/"> <b>19:48</b> <h3>Małopolski Marsz Wołyński na ulicach Krakowa </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/rekord-swiata-srebro-polek-i-pozegnanie-aleksandry-miroslaw-wielkie-emocje-na-zakonczenie-pucharu-swiata-w-krakowie/"> <b>19:04</b> <h3>Rekord świata, srebro Polek i pożegnanie Aleksandry Mirosław. Wielkie emocje w Krakowie </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/nowy-sacz/odpust-piotra-i-pawla-w-sadeckim-parku-etnograficznym/"> <b>18:30</b> <h3>Ludowe świętowanie odpustu świętych Piotra i Pawła w sądeckim skansenie </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/krakow/dlugo-wyczekiwana-inwestycja-na-zwierzyncu-trzeba-liczyc-sie-z-utrudnieniami/"> <b>18:16</b> <h3>Długo wyczekiwana inwestycja na Zwierzyńcu. Trzeba liczyć się z utrudnieniami </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/audycje/notowanie-nr-1623-z-05072026-r/"> <b>17:05</b> <h3>Notowanie nr 1623 z 05.07.2026 r. </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/krakow/kradziez-na-cmentarzu-rakowickim-zniknela-rzezba-z-grobu-ukrainskiego-pisarza/"> <b>16:15</b> <h3>Kradzież na Cmentarzu Rakowickim. Zniknęła rzeźba z grobu ukraińskiego pisarza </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/krakow/zakopianka-zablokowana-w-obu-kierunkach-ladowal-smiglowiec-lpr/"> <b>14:20</b> <h3>Wypadek z udziałem motocyklisty na Zakopiance. Duże utrudnienia </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/wladyslaw-lokietek-i-gra-o-tron-malopolska-na-dwoch-kolkach-sezon-2-zegna-sie-z-gorlicami-i-beskidem-niskim/"> <b>14:11</b> <h3>Gra o tron wydarzyła się tu naprawdę! Zachwycający Beskid Niski </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/audycje/agnieszka-duczmal-zapisywalam-metrum-pociagow/"> <b>13:52</b> <h3>Agnieszka Duczmal: „Zapisywałam metrum pociągów” </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/audycje/melancholia-i-francuska-wyobraznia-clair-obscur-expedition-33-w-magazynie-familijnym-gry/"> <b>13:49</b> <h3>Melancholia i francuska wyobraźnia. Clair Obscur Expedition 33 w „Magazynie Familijnym - GRY!” </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/trudna-niedziela-na-malopolskich-drogach-seria-wypadkow-zwezenie-jezdni-i-korki/"> <b>12:06</b> <h3>Trudna niedziela na małopolskich drogach - seria wypadków, zwężenie jezdni i korki </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/nowy-sacz/przyjechali-z-gdyni-do-nowego-sacza-na-rowerach-by-odebrac-dwa-pociagi/"> <b>11:38</b> <h3>Przyjechali z Gdyni do Nowego Sącza na rowerach, by... odebrać dwa pociągi </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/tarnow/o-protescie-przeciwko-ws-podtarnowskiej-gminy-farmami-slonecznymi-dowie-sie-nawet-bruksela/"> <b>10:46</b> <h3>Nie chcą farmy fotowoltaicznej. Mieszkańcy Łukowej k. Tarnowa Iiczą na pomoc europosła PiS </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/krakow/schizma-w-kosciele-katolickim-jest-oswiadczenie-krakowskiej-kurii/"> <b>10:00</b> <h3>Schizma w Kościele katolickim, jest oświadczenie krakowskiej kurii </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/krakow/smiertelny-wypadek-kolo-miechowa-auto-zderzylo-sie-z-busem/"> <b>09:45</b> <h3>Śmiertelny wypadek koło Miechowa. Auto zderzyło się z busem </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/audycje/literacka-podroz-hestii-piec-ksiazek-ktore-wybieraja-dzieci-i-eksperci/"> <b>09:40</b> <h3>Literacka Podróż Hestii: pięć książek, które wybierają dzieci i eksperci </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/audycje/skora-na-wakacjach-jak-korzystac-ze-slonca-i-wody-bez-szkody-dla-zdrowia/"> <b>15:05</b> <h3>Skóra na wakacjach - jak korzystać ze słońca i wody bez szkody dla zdrowia? </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/audycje/pol-zartem-pol-serio-czy-naprawde-mozna-zyc-bez-masek/"> <b>10:05</b> <h3>„Pół żartem, pół serio”. Czy naprawdę można żyć bez masek? </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#8fe0ffe6e1e6eacffdeeebe6e0e4fdeee4e0f8a1ffe3" class="article__tell-us-link"><span class="__cf_email__" data-cfemail="87e8f7eee9eee2c7f5e6e3eee8ecf5e6ece8f0a9f7eb">[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=20260706002829" 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="1c6e79787d777f767d5c6e7d787573776e7d77736b326c70">[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="e39186888f828e82a39182878a8c889182888c94cd938f">[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="https://tanielatanie.pl" 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> <li> <a href="https://tolpa.pl/" title="Sklep z kosmetykami tolpa.pl" style="line-height: 32px">Sklep z kosmetykami tolpa.pl</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-07-06 00:28:29">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="507cb5983cd730a14cbe9834-|49" defer></script></body> <script type="507cb5983cd730a14cbe9834-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.