</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=20251217132420" 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=20251217132421" 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="94d5d8b243f2d705b1070ecd-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="94d5d8b243f2d705b1070ecd-text/javascript"> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <section class="container"> <div class="row"> <div class="col s12"> <a href="" title="Radio Kraków" class="breadcrumb"> Radio Kraków </a> <a href="aktualnosci/" title="Aktualności" class="breadcrumb"> Aktualności </a> <a href="aktualnosci/krakow/" title="Kraków" class="breadcrumb"> Kraków </a> <a href="aktualnosci/krakow/krakow-obchodzil-25-lecie-wyborow/" title="Kraków obchodził 25-lecie wyborów" class="breadcrumb"> Kraków obchodził 25-lecie wyborów </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/1073768/type/article>" class="btn btn-article-edit" style="display: none;">Edytuj</a> <script type="94d5d8b243f2d705b1070ecd-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="Kraków obchodził 25-lecie wyborów" data-text="4 czerwca obchodzimy 25. rocznicę wyborów czerwcowych. W regionie zaplanowano szereg koncertów w ramach odbywającego się Święta Małopolski. W Krakowie obchody zainaugurował pochód rektorów krakowskich uczelni oraz studentów, a także odsłonięcie tablicy pamiątkowej na kamienicy, gdzie znajdowała się siedziba Małopolskiego Komitetu Obywatelskiego 'Solidarność'."> <i class="material-icons">share</i> </a> <h1 class="article-title big-title">Kraków obchodził 25-lecie wyborów</h1> <ul class="meta"> <li class="meta__item meta__item-family"> <a href="https://www.radiokrakow.pl/krakow/" title="Kraków"> Kraków </a> </li> <li class="meta__item"> <i class="material-icons">date_range</i> Środa, 2014.06.04 09:49 <span class="grey-text"> ( Edytowany Poniedziałek, 2021.05.31 07:31 ) </span> </li> </ul> <strong class="article-lead">4 czerwca obchodzimy 25. rocznicę wyborów czerwcowych. W regionie zaplanowano szereg koncertów w ramach odbywającego się Święta Małopolski. W Krakowie obchody zainaugurował pochód rektorów krakowskich uczelni oraz studentów, a także odsłonięcie tablicy pamiątkowej na kamienicy, gdzie znajdowała się siedziba Małopolskiego Komitetu Obywatelskiego "Solidarność".</strong> <div class="article-thumb" style="background-image: url('https://www.radiokrakow.pl/data/article/1073768/4ff374fbe6e5824c1a79b55701c59411.jpg');"> </div> <p class="article-thumb-tags"> fot. Paweł Krawczyk/krakow.pl </p> <div class="mt-3 mb-4"> <ul class="social-grid-2"> <li class="social-grid-2__item social-grid-2__item-facebook"> <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.radiokrakow.pl/aktualnosci/krakow/krakow-obchodzil-25-lecie-wyborow/" class="social-grid-2__link" target="_blank"> <i class="fab fa-facebook-f social-grid-2__icon"></i> <span class="social-grid-2__text">Pokaż</span> </a> </li> <li class="social-grid-2__item social-grid-2__item-twitter"> <a href="https://twitter.com/intent/tweet?url=https://www.radiokrakow.pl/aktualnosci/krakow/krakow-obchodzil-25-lecie-wyborow/&text=Kraków obchodził 25-lecie wyborów" class="social-grid-2__link" target="_blank"> <i class="fab fa-twitter social-grid-2__icon"></i> <span class="social-grid-2__text">Tweetnij</span> </a> </li> <li class="social-grid-2__item social-grid-2__item-linkedin"> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.radiokrakow.pl/aktualnosci/krakow/krakow-obchodzil-25-lecie-wyborow/&title=Kraków obchodził 25-lecie wyborów&summary=4 czerwca obchodzimy 25. rocznicę wyborów czerwcowych. W regionie zaplanowano szereg koncertów w ramach odbywającego się Święta Małopolski. W Krakowie obchody zainaugurował pochód rektorów krakowskich uczelni oraz studentów, a także odsłonięcie tablicy pamiątkowej na kamienicy, gdzie znajdowała się siedziba Małopolskiego Komitetu Obywatelskiego 'Solidarność'." 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 materiału Kuby Nizińskiego <audio controls class="article-audio"> <source src="https://www.radiokrakow.pl/data/article/3002114/21dee9c5c7e4a67cdd34f617a703e325.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> <div class="article-text">Mulitimedialny spektakl na fasadzie Starego Teatru</div> <div class="article-text"> <div class="gallery gallery-boxed"> <div class="gallery-close close-x close-x-white"></div> <style> .article-gallery { margin-bottom: 12px; } .article-gallery .owl-nav { position: absolute; top: 50%; width: 100%; height: 0; transform: translateY(-50%); padding: 0 !important; margin: 0 !important; } .article-gallery .owl-prev, .article-gallery .owl-next { width: 42px; height: 42px; background-color: #fff!important; color: #000 !important; font-size: 38px !important; box-shadow: 0px 1px 1px #00000029; border-radius: 42px !important; opacity: 1; padding: 0 !important; margin: 0 !important; display: block; position: absolute; z-index: 100; line-height: 12px !important; } .article-gallery .owl-prev { border-radius: 0 42px 42px 0!important; left: 0!important; } .article-gallery .owl-next { border-radius: 42px 0 0 42px!important; right: 0!important; } .article-gallery .owl-prev span{ top: 13px; position: absolute; left: 12px; line-height: 21px; } .article-gallery .owl-next span{ top: 13px; position: absolute; right: 12px; line-height: 21px; } .article-gallery .gallery-image { border-radius: 6px; overflow: hidden; width: 100%; height: 0; padding-bottom: 67%; background-size: contain; background-position: center center; background-repeat: no-repeat; vertical-align: center; } .article-gallery .gallery-image__text{ position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.3); color: #fff; padding: 20px; } @media screen and (max-width: 1024px) { .article-gallery .owl-prev, .article-gallery .owl-next { display: none !important; } } .article-thumbs { margin-bottom: 12px; } .article-thumbs .owl-item { opacity: .5; cursor: pointer; border-radius: 6px; overflow: hidden; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .article-thumbs .owl-item.current { opacity: 1; } .gallery .gallery-full-screen { cursor: pointer; margin-left: 12px; float: left; margin-top: -2px; } .article-thumbs .gallery-image { width: 100%; height: auto; aspect-ratio: 3/2; background-size: contain; background-position: center; background-repeat: no-repeat; padding-bottom: 0; } .gallery{} .gallery-boxed{} .gallery-boxed .gallery-close{ display: none; } .gallery-full{ position: fixed; left: 0; top: 0; right: 0; height: 100vh; background-color: #000; z-index: 2000; } .gallery-full{ } .gallery-full .gallery-close{ display: initial; } .gallery-full .gallery-close{ top: 12px; right: 12px; } .gallery-full .article-gallery, .gallery-full .article-gallery .gallery-image{ height: 100vh; padding-bottom: 0!important; margin-bottom: 0px!important; margin-top: 0px; } .gallery-full .owl-stats{ color: #fff; padding-right: 6px; padding-left: 6px; } .gallery-full .gallery-full-screen { display: none; } .gallery-full .article-thumbs{ height: 10vh; display: none; } .gallery-full .article-thumbs .gallery-image{ height: 10vh; padding-bottom: 0; background-size: contain; background-position: center; background-repeat: no-repeat; } .gallery-full .article-gallery .owl-next, .gallery-full .article-gallery .owl-prev{ color: #fff !important; background-color: transparent!important; } </style> <script type="94d5d8b243f2d705b1070ecd-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-529'); let gallery = $('#article-gallery-529'); 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-529"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/65abe99707463cdea3024e885b706071.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/59c756ee308ed3b60ccddb3d84f0bfd6.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/67cc139df773456d69d56c1fa91081cb.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/d2534a290a9798a73a30463d072d5356.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/c925d03870ea43516073971348b61e2c.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/4cf6ae035f6a075a6dca95237aa35a95.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/ddb624a1b5ca7ce380ff4b36ab548719.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/44cbf6c57c3b09a9262101372c7b38c0.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/13d6650d3fa80c72a9ef90256cbbca4d.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/dfa421c658852888c62a700a6ca71c94.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/6cbe01e62fa564f880087fd27be0b5e5.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/0141c449fa55fd9e1adc09c1d423f65f.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/2dd8384e442676b71e0a96458a704d34.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/47ce8a174ff9d88005fd0a928780ca3f.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/3bb19b0d828162aa676328de453933fa.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/492fe1654f651488cea306525af71d39.jpg');"> <div class="gallery-image__text">-</div> </div> </div> <div class="owl-stats w-100 mb-3"> <i></i> <div class="right gallery-full-screen"> <i class="material-icons">crop_free</i> </div> <div class="right"> <span class="owl-current">1</span> / 16 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-529" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/65abe99707463cdea3024e885b706071.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/59c756ee308ed3b60ccddb3d84f0bfd6.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/67cc139df773456d69d56c1fa91081cb.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/d2534a290a9798a73a30463d072d5356.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/c925d03870ea43516073971348b61e2c.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/4cf6ae035f6a075a6dca95237aa35a95.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/ddb624a1b5ca7ce380ff4b36ab548719.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/44cbf6c57c3b09a9262101372c7b38c0.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/13d6650d3fa80c72a9ef90256cbbca4d.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/dfa421c658852888c62a700a6ca71c94.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/6cbe01e62fa564f880087fd27be0b5e5.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/0141c449fa55fd9e1adc09c1d423f65f.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/2dd8384e442676b71e0a96458a704d34.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/47ce8a174ff9d88005fd0a928780ca3f.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/3bb19b0d828162aa676328de453933fa.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29326/492fe1654f651488cea306525af71d39.jpg');"></div> </div> </div> </div> <div class="article-text">Obchody 25-lecia wyborów: pochód rektorów/ fot. Paweł Krawczyk/krakow.pl</div> <div class="article-text"><br/> Jedną z atrakcji rocznicowych obchodów była prezentacja multimedialnego spektaklu Jana Kantego Pawluśkiewicza na fasadzie budynku krakowskiego Narodowego Starego Teatru.<br/><br/><br/> <div class="mediacenter"> <img src=http://web1.radiokrakow.pl//resource/www_files/inline/dc673dd0d12c028f247d2d01c42e4f9e.jpg /> <br/> <span>Kładka Bernatka, fot, krakow.pl</span> </div><br/><br/> Logo jubileuszu - "Dziękujemy za wolność" będzie wyświetlane na budynku Magistratu 4 i 8 czerwca – od ok. godz. 20:00 do godz. 7:00. W tych dniach na biało-czerwono będzie się także świecić kładka o. Bernatka.<br/></div> <div class="article-text"> <div class="gallery gallery-boxed"> <div class="gallery-close close-x close-x-white"></div> <style> .article-gallery { margin-bottom: 12px; } .article-gallery .owl-nav { position: absolute; top: 50%; width: 100%; height: 0; transform: translateY(-50%); padding: 0 !important; margin: 0 !important; } .article-gallery .owl-prev, .article-gallery .owl-next { width: 42px; height: 42px; background-color: #fff!important; color: #000 !important; font-size: 38px !important; box-shadow: 0px 1px 1px #00000029; border-radius: 42px !important; opacity: 1; padding: 0 !important; margin: 0 !important; display: block; position: absolute; z-index: 100; line-height: 12px !important; } .article-gallery .owl-prev { border-radius: 0 42px 42px 0!important; left: 0!important; } .article-gallery .owl-next { border-radius: 42px 0 0 42px!important; right: 0!important; } .article-gallery .owl-prev span{ top: 13px; position: absolute; left: 12px; line-height: 21px; } .article-gallery .owl-next span{ top: 13px; position: absolute; right: 12px; line-height: 21px; } .article-gallery .gallery-image { border-radius: 6px; overflow: hidden; width: 100%; height: 0; padding-bottom: 67%; background-size: contain; background-position: center center; background-repeat: no-repeat; vertical-align: center; } .article-gallery .gallery-image__text{ position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.3); color: #fff; padding: 20px; } @media screen and (max-width: 1024px) { .article-gallery .owl-prev, .article-gallery .owl-next { display: none !important; } } .article-thumbs { margin-bottom: 12px; } .article-thumbs .owl-item { opacity: .5; cursor: pointer; border-radius: 6px; overflow: hidden; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .article-thumbs .owl-item.current { opacity: 1; } .gallery .gallery-full-screen { cursor: pointer; margin-left: 12px; float: left; margin-top: -2px; } .article-thumbs .gallery-image { width: 100%; height: auto; aspect-ratio: 3/2; background-size: contain; background-position: center; background-repeat: no-repeat; padding-bottom: 0; } .gallery{} .gallery-boxed{} .gallery-boxed .gallery-close{ display: none; } .gallery-full{ position: fixed; left: 0; top: 0; right: 0; height: 100vh; background-color: #000; z-index: 2000; } .gallery-full{ } .gallery-full .gallery-close{ display: initial; } .gallery-full .gallery-close{ top: 12px; right: 12px; } .gallery-full .article-gallery, .gallery-full .article-gallery .gallery-image{ height: 100vh; padding-bottom: 0!important; margin-bottom: 0px!important; margin-top: 0px; } .gallery-full .owl-stats{ color: #fff; padding-right: 6px; padding-left: 6px; } .gallery-full .gallery-full-screen { display: none; } .gallery-full .article-thumbs{ height: 10vh; display: none; } .gallery-full .article-thumbs .gallery-image{ height: 10vh; padding-bottom: 0; background-size: contain; background-position: center; background-repeat: no-repeat; } .gallery-full .article-gallery .owl-next, .gallery-full .article-gallery .owl-prev{ color: #fff !important; background-color: transparent!important; } </style> <script type="94d5d8b243f2d705b1070ecd-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-376'); let gallery = $('#article-gallery-376'); 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-376"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/ed6200566b4dcce9d5f6fd0f8c7973bb.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/772c9b1bc782a7188d69374bb58de91b.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/673d179be4a8d73cc3603c255ca8e5c5.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/1b9d5172c2fac0839737cfa36413c2af.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/e4e9b303327d709a6197729f3130091f.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/94778abef524448507f24e5eaf6b0251.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/96fe039fbe44717cf34967f6e5513376.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/54d6db28e3479d068864d62dc100172e.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/bb0ceea71a5f15007ef2757855b61545.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/bff3d4534626dcbec12ae90f76661a23.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/6e0a5f15f157501ed47f79d775ddcd8e.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/e60d65740539cbffbee56faf5bc4f32f.jpg');"> <div class="gallery-image__text">-</div> </div> </div> <div class="owl-stats w-100 mb-3"> <i></i> <div class="right gallery-full-screen"> <i class="material-icons">crop_free</i> </div> <div class="right"> <span class="owl-current">1</span> / 12 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-376" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/ed6200566b4dcce9d5f6fd0f8c7973bb.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/772c9b1bc782a7188d69374bb58de91b.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/673d179be4a8d73cc3603c255ca8e5c5.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/1b9d5172c2fac0839737cfa36413c2af.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/e4e9b303327d709a6197729f3130091f.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/94778abef524448507f24e5eaf6b0251.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/96fe039fbe44717cf34967f6e5513376.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/54d6db28e3479d068864d62dc100172e.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/bb0ceea71a5f15007ef2757855b61545.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/bff3d4534626dcbec12ae90f76661a23.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/6e0a5f15f157501ed47f79d775ddcd8e.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29305/e60d65740539cbffbee56faf5bc4f32f.jpg');"></div> </div> </div> </div> <div class="article-text">25 lat wolnej Polski - subiektywny przegląd</div> <div class="article-text"><br/> <b>Główne obchody zaplanowano</b> <b>na niedzielę 8 czerwca</b> . O godz. 10:00 w Katedrze na Wawelu odprawiona zostanie uroczysta msza św. za Ojczyznę. Następnie uroczystości przeniosą się do Nowej Huty.<br/><br/> <a href="/nasze-akcje/swiadkowie-25-lecia/"> Świadkowie 25-lecia</a> <br/> Tam o godz. 13:00 przed Nowohuckim Centrum Kultury otwarta zostanie wystawa plenerowa „Dziękujemy za wolność – ludzie 4 czerwca 89", prezentująca wielkoformatowe zdjęcia z wyborów czerwcowych 1989 roku. W NCK odbędzie się także spotkanie „Ludzi 4 czerwca". Wręczone zostaną wówczas medale „Dziękujemy za Wolność". Zaplanowano również koncert „Dziękujemy za Wolność" z udziałem m.in.: Pawła Orkisza z zespołem, Zespołu Pieśni i Tańca Nowa Huta.<br/> Do 11 czerwca na placu Szczepańskim można oglądać wystawę plenerową „Wybory '89. System skreślony" przygotowaną przez Archiwum Narodowe w Krakowie. Na ekspozycji prezentowanych jest ponad 300 afiszy, plakatów, ulotek, fotografii oraz materiałów prasowych doby PRL i okresu kampanii wyborczej.<br/> Zobacz też: <a href="/wiadomosci/krakow/malopolska-w-swoje-swieto-dziekowala-za-wolnosc/"> Małopolska w swoje święto dziękowała za wolność</a> <br/><br/> <i>(materiały prasowe/ew)</i><br/></div> <div class="article-text"> <div class="gallery gallery-boxed"> <div class="gallery-close close-x close-x-white"></div> <style> .article-gallery { margin-bottom: 12px; } .article-gallery .owl-nav { position: absolute; top: 50%; width: 100%; height: 0; transform: translateY(-50%); padding: 0 !important; margin: 0 !important; } .article-gallery .owl-prev, .article-gallery .owl-next { width: 42px; height: 42px; background-color: #fff!important; color: #000 !important; font-size: 38px !important; box-shadow: 0px 1px 1px #00000029; border-radius: 42px !important; opacity: 1; padding: 0 !important; margin: 0 !important; display: block; position: absolute; z-index: 100; line-height: 12px !important; } .article-gallery .owl-prev { border-radius: 0 42px 42px 0!important; left: 0!important; } .article-gallery .owl-next { border-radius: 42px 0 0 42px!important; right: 0!important; } .article-gallery .owl-prev span{ top: 13px; position: absolute; left: 12px; line-height: 21px; } .article-gallery .owl-next span{ top: 13px; position: absolute; right: 12px; line-height: 21px; } .article-gallery .gallery-image { border-radius: 6px; overflow: hidden; width: 100%; height: 0; padding-bottom: 67%; background-size: contain; background-position: center center; background-repeat: no-repeat; vertical-align: center; } .article-gallery .gallery-image__text{ position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.3); color: #fff; padding: 20px; } @media screen and (max-width: 1024px) { .article-gallery .owl-prev, .article-gallery .owl-next { display: none !important; } } .article-thumbs { margin-bottom: 12px; } .article-thumbs .owl-item { opacity: .5; cursor: pointer; border-radius: 6px; overflow: hidden; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .article-thumbs .owl-item.current { opacity: 1; } .gallery .gallery-full-screen { cursor: pointer; margin-left: 12px; float: left; margin-top: -2px; } .article-thumbs .gallery-image { width: 100%; height: auto; aspect-ratio: 3/2; background-size: contain; background-position: center; background-repeat: no-repeat; padding-bottom: 0; } .gallery{} .gallery-boxed{} .gallery-boxed .gallery-close{ display: none; } .gallery-full{ position: fixed; left: 0; top: 0; right: 0; height: 100vh; background-color: #000; z-index: 2000; } .gallery-full{ } .gallery-full .gallery-close{ display: initial; } .gallery-full .gallery-close{ top: 12px; right: 12px; } .gallery-full .article-gallery, .gallery-full .article-gallery .gallery-image{ height: 100vh; padding-bottom: 0!important; margin-bottom: 0px!important; margin-top: 0px; } .gallery-full .owl-stats{ color: #fff; padding-right: 6px; padding-left: 6px; } .gallery-full .gallery-full-screen { display: none; } .gallery-full .article-thumbs{ height: 10vh; display: none; } .gallery-full .article-thumbs .gallery-image{ height: 10vh; padding-bottom: 0; background-size: contain; background-position: center; background-repeat: no-repeat; } .gallery-full .article-gallery .owl-next, .gallery-full .article-gallery .owl-prev{ color: #fff !important; background-color: transparent!important; } </style> <script type="94d5d8b243f2d705b1070ecd-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-775'); let gallery = $('#article-gallery-775'); 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-775"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/954818ebed239968958980c6adcdf20e.jpg');"> <div class="gallery-image__text">Obrady Okrągłego Stołu, fot. Erazm Ciołek</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/23659054fa6d7325a7a626cb61ef5b16.jpg');"> <div class="gallery-image__text">Nowa Huta, 10.12.1989. Demontaż pomnika Lenina; n/z zdejmowanie pomnika z cokołu, fot. Forum</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/56067d8400c93deb8daf218311e97814.jpg');"> <div class="gallery-image__text">Kraków. Na przełomie 1989 i 1990 roku na Bielanach pod Krakowem palono akta SB, fot. Forum</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/abcac4cc8aee4b059228faaf8d100382.jpg');"> <div class="gallery-image__text">Warszawa, 1990. Przechodnie zagladają do jednego z nowo powstałych sex shopów, fot. Forum</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/4ca367e0c1cc9a3f8532c4fdd94f112a.jpg');"> <div class="gallery-image__text">Jerzy Owsiak rusza z Wielką Orkiestrą Świątecznej Pomocy, fot. Ralf Lotys</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/dfa1f7eae443c1ebb2604ea0329f49b2.jpg');"> <div class="gallery-image__text">1995r., w Polsce nastąpiła denominacja waluty, fot. Filuwek</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/cf25d68b256e5e5f2c29085ba34f7e00.jpg');"> <div class="gallery-image__text">1996r., Wisława Szymborska otrzymuje Nobla w dziedzinie literatury, fot. RK</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/ad84a66910c20f41149e6ac9029cf283.jpg');"> <div class="gallery-image__text">1999r., Polska wstępuje do NATO, fot. Julo</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/ebb7dd49225309034fd55c909650337f.jpg');"> <div class="gallery-image__text">2000/2001r., Adam Małysz wygrywa kryształową kulę w Pucharze Świata FIS, fot. Tadeusz Mieczyński</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/1fc5d2f09cc93131fe4330b59cc5c479.jpg');"> <div class="gallery-image__text">2000r., Andrzej Wajda uhonorowany Oscarem za całokształt działalności filmowej, fot. Piotr Drabik</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/7a33569f92b048e54823ada7d3124306.jpg');"> <div class="gallery-image__text">2000r., z linii produkcyjnej zjeżdża ostatni Maluch, relikt PRL-u, fot. Fsopolonezcaro</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/ebe52d9ce2a08f11d33e22a423070359.jpg');"> <div class="gallery-image__text">2002r., pierwsi polscy żołnierze jadą na misję do Afganistanu, fot. MON</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/99a478db656bc48591b46dd0173873e8.jpg');"> <div class="gallery-image__text">2004r., Polska wstępuje do Unii Europejskiej, fot. alegriphotos.com</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/2f05482c3c498dd89051a9f45d54054e.jpg');"> <div class="gallery-image__text">2004r. umiera Czesław Miłosz, polski poeta i laureat Nobla, fot., MDCarchives</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/9d2aaf8a4dcde0f1ef955e41246453af.jpg');"> <div class="gallery-image__text">2005r., umiera Papież Jan Paweł II, fot. Eric Draper</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/faee0e61e91abbd593a27694ae30fc76.jpg');"> <div class="gallery-image__text">2008r., zlikwidowany zostaje tzw. Jarmark Europa, fot. masti</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/6f8557dbc14619b51be91a0255a56b10.jpg');"> <div class="gallery-image__text">2011r., wybudowany zostaje Stadion Narodowy, fot. Przemysław Jahr</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/332df4aff99a6b8fe1032555ea72d6a5.jpg');"> <div class="gallery-image__text">2012r., Polska wraz z Ukrainą organizuje ME w piłce nożnej, fot. Roger Gorączniak</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/58256398a2e05d2068b3d60fad951fe2.jpg');"> <div class="gallery-image__text">2013r., umiera Tadeusz Mazowiecki, pierwszy premier III RP, fot. Neil Bates</div> </div> </div> <div class="owl-stats w-100 mb-3"> <i></i> <div class="right gallery-full-screen"> <i class="material-icons">crop_free</i> </div> <div class="right"> <span class="owl-current">1</span> / 19 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-775" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/954818ebed239968958980c6adcdf20e.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/23659054fa6d7325a7a626cb61ef5b16.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/56067d8400c93deb8daf218311e97814.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/abcac4cc8aee4b059228faaf8d100382.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/4ca367e0c1cc9a3f8532c4fdd94f112a.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/dfa1f7eae443c1ebb2604ea0329f49b2.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/cf25d68b256e5e5f2c29085ba34f7e00.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/ad84a66910c20f41149e6ac9029cf283.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/ebb7dd49225309034fd55c909650337f.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/1fc5d2f09cc93131fe4330b59cc5c479.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/7a33569f92b048e54823ada7d3124306.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/ebe52d9ce2a08f11d33e22a423070359.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/99a478db656bc48591b46dd0173873e8.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/2f05482c3c498dd89051a9f45d54054e.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/9d2aaf8a4dcde0f1ef955e41246453af.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/faee0e61e91abbd593a27694ae30fc76.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/6f8557dbc14619b51be91a0255a56b10.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/332df4aff99a6b8fe1032555ea72d6a5.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/24741/58256398a2e05d2068b3d60fad951fe2.jpg');"></div> </div> </div> </div> <div class="article-text">Świadkowie XX-lecia - archiwalne materiały z Tarnowa</div> <div class="article-text"> <div class="gallery gallery-boxed"> <div class="gallery-close close-x close-x-white"></div> <style> .article-gallery { margin-bottom: 12px; } .article-gallery .owl-nav { position: absolute; top: 50%; width: 100%; height: 0; transform: translateY(-50%); padding: 0 !important; margin: 0 !important; } .article-gallery .owl-prev, .article-gallery .owl-next { width: 42px; height: 42px; background-color: #fff!important; color: #000 !important; font-size: 38px !important; box-shadow: 0px 1px 1px #00000029; border-radius: 42px !important; opacity: 1; padding: 0 !important; margin: 0 !important; display: block; position: absolute; z-index: 100; line-height: 12px !important; } .article-gallery .owl-prev { border-radius: 0 42px 42px 0!important; left: 0!important; } .article-gallery .owl-next { border-radius: 42px 0 0 42px!important; right: 0!important; } .article-gallery .owl-prev span{ top: 13px; position: absolute; left: 12px; line-height: 21px; } .article-gallery .owl-next span{ top: 13px; position: absolute; right: 12px; line-height: 21px; } .article-gallery .gallery-image { border-radius: 6px; overflow: hidden; width: 100%; height: 0; padding-bottom: 67%; background-size: contain; background-position: center center; background-repeat: no-repeat; vertical-align: center; } .article-gallery .gallery-image__text{ position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.3); color: #fff; padding: 20px; } @media screen and (max-width: 1024px) { .article-gallery .owl-prev, .article-gallery .owl-next { display: none !important; } } .article-thumbs { margin-bottom: 12px; } .article-thumbs .owl-item { opacity: .5; cursor: pointer; border-radius: 6px; overflow: hidden; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .article-thumbs .owl-item.current { opacity: 1; } .gallery .gallery-full-screen { cursor: pointer; margin-left: 12px; float: left; margin-top: -2px; } .article-thumbs .gallery-image { width: 100%; height: auto; aspect-ratio: 3/2; background-size: contain; background-position: center; background-repeat: no-repeat; padding-bottom: 0; } .gallery{} .gallery-boxed{} .gallery-boxed .gallery-close{ display: none; } .gallery-full{ position: fixed; left: 0; top: 0; right: 0; height: 100vh; background-color: #000; z-index: 2000; } .gallery-full{ } .gallery-full .gallery-close{ display: initial; } .gallery-full .gallery-close{ top: 12px; right: 12px; } .gallery-full .article-gallery, .gallery-full .article-gallery .gallery-image{ height: 100vh; padding-bottom: 0!important; margin-bottom: 0px!important; margin-top: 0px; } .gallery-full .owl-stats{ color: #fff; padding-right: 6px; padding-left: 6px; } .gallery-full .gallery-full-screen { display: none; } .gallery-full .article-thumbs{ height: 10vh; display: none; } .gallery-full .article-thumbs .gallery-image{ height: 10vh; padding-bottom: 0; background-size: contain; background-position: center; background-repeat: no-repeat; } .gallery-full .article-gallery .owl-next, .gallery-full .article-gallery .owl-prev{ color: #fff !important; background-color: transparent!important; } </style> <script type="94d5d8b243f2d705b1070ecd-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-314'); let gallery = $('#article-gallery-314'); 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-314"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/d24938a1d96e2594ac27e722b6b962a0.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/44c4a89e8a14c9a361107fcfe4bb533e.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/b892f1485896f3c9d0e791c391d0d8df.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/6fe2bf74301e82caeeb95a97d3a4d29d.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/c5ceb7b293b64f348c1e5a07da48870f.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/3dc015d6c253c59dedc937e9f86b397b.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/81ac986ada217b07d0b5e2d5542768f6.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/8799c7b3d2085968136b3261eb6b3ec0.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/3a4868f7ee849d6b8f9752c0fdbccb7d.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/4a7345b4ca645d53e30f424a26e1d33b.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/95a0c0a404b67be54847fb1e1ebc09a0.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/a723c0481321a45a5146da7332c6a893.jpg');"> <div class="gallery-image__text">-</div> </div> </div> <div class="owl-stats w-100 mb-3"> <i></i> <div class="right gallery-full-screen"> <i class="material-icons">crop_free</i> </div> <div class="right"> <span class="owl-current">1</span> / 12 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-314" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/d24938a1d96e2594ac27e722b6b962a0.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/44c4a89e8a14c9a361107fcfe4bb533e.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/b892f1485896f3c9d0e791c391d0d8df.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/6fe2bf74301e82caeeb95a97d3a4d29d.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/c5ceb7b293b64f348c1e5a07da48870f.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/3dc015d6c253c59dedc937e9f86b397b.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/81ac986ada217b07d0b5e2d5542768f6.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/8799c7b3d2085968136b3261eb6b3ec0.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/3a4868f7ee849d6b8f9752c0fdbccb7d.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/4a7345b4ca645d53e30f424a26e1d33b.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/95a0c0a404b67be54847fb1e1ebc09a0.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/26190/a723c0481321a45a5146da7332c6a893.jpg');"></div> </div> </div> </div> <div class="article-text">Szycie gigantycznej flagi w Chrzanowie 4.06.14</div> <div class="article-text"> <div class="gallery gallery-boxed"> <div class="gallery-close close-x close-x-white"></div> <style> .article-gallery { margin-bottom: 12px; } .article-gallery .owl-nav { position: absolute; top: 50%; width: 100%; height: 0; transform: translateY(-50%); padding: 0 !important; margin: 0 !important; } .article-gallery .owl-prev, .article-gallery .owl-next { width: 42px; height: 42px; background-color: #fff!important; color: #000 !important; font-size: 38px !important; box-shadow: 0px 1px 1px #00000029; border-radius: 42px !important; opacity: 1; padding: 0 !important; margin: 0 !important; display: block; position: absolute; z-index: 100; line-height: 12px !important; } .article-gallery .owl-prev { border-radius: 0 42px 42px 0!important; left: 0!important; } .article-gallery .owl-next { border-radius: 42px 0 0 42px!important; right: 0!important; } .article-gallery .owl-prev span{ top: 13px; position: absolute; left: 12px; line-height: 21px; } .article-gallery .owl-next span{ top: 13px; position: absolute; right: 12px; line-height: 21px; } .article-gallery .gallery-image { border-radius: 6px; overflow: hidden; width: 100%; height: 0; padding-bottom: 67%; background-size: contain; background-position: center center; background-repeat: no-repeat; vertical-align: center; } .article-gallery .gallery-image__text{ position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.3); color: #fff; padding: 20px; } @media screen and (max-width: 1024px) { .article-gallery .owl-prev, .article-gallery .owl-next { display: none !important; } } .article-thumbs { margin-bottom: 12px; } .article-thumbs .owl-item { opacity: .5; cursor: pointer; border-radius: 6px; overflow: hidden; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .article-thumbs .owl-item.current { opacity: 1; } .gallery .gallery-full-screen { cursor: pointer; margin-left: 12px; float: left; margin-top: -2px; } .article-thumbs .gallery-image { width: 100%; height: auto; aspect-ratio: 3/2; background-size: contain; background-position: center; background-repeat: no-repeat; padding-bottom: 0; } .gallery{} .gallery-boxed{} .gallery-boxed .gallery-close{ display: none; } .gallery-full{ position: fixed; left: 0; top: 0; right: 0; height: 100vh; background-color: #000; z-index: 2000; } .gallery-full{ } .gallery-full .gallery-close{ display: initial; } .gallery-full .gallery-close{ top: 12px; right: 12px; } .gallery-full .article-gallery, .gallery-full .article-gallery .gallery-image{ height: 100vh; padding-bottom: 0!important; margin-bottom: 0px!important; margin-top: 0px; } .gallery-full .owl-stats{ color: #fff; padding-right: 6px; padding-left: 6px; } .gallery-full .gallery-full-screen { display: none; } .gallery-full .article-thumbs{ height: 10vh; display: none; } .gallery-full .article-thumbs .gallery-image{ height: 10vh; padding-bottom: 0; background-size: contain; background-position: center; background-repeat: no-repeat; } .gallery-full .article-gallery .owl-next, .gallery-full .article-gallery .owl-prev{ color: #fff !important; background-color: transparent!important; } </style> <script type="94d5d8b243f2d705b1070ecd-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-778'); let gallery = $('#article-gallery-778'); 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-778"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/8588b23538c83cc10f167f96924c9a3b.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/39575fddcf6c0c92fd5e97b076c4bd02.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/8fc4a453047b90dfd9531622c7f3d58a.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/e53dc9555538d17dedd88f52db587642.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/9efaa5e17a25b5be5b1a0f867c70c409.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/abe4a46626e33d893e755fdbfaa6810a.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/2844aef918c13b202b9aa8f192f80c8f.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/092c958992c0e5468eca0200aefe824d.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/5fb0cf9691c6501a39beccc4962e6b6c.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/083d831806a23a631e037cbbeef2cf85.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/13cf766f064d6eeab2e2b0ce7e3daa57.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/a319284840825db4769f4f8501074a27.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/9ba58100eff65aac3b0413297e03f911.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/d00c4c7f64f5d8db7edc72c6bb301227.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/ce2069b0471939d3465355ef12f8b874.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/29c2fb250837bfb040ca66eb39dc70b7.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/28c0f4e2291781efb64da2a9b73a4cc3.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/5358e797971a8eeaafcc02acab55dbc9.jpg');"> <div class="gallery-image__text">-</div> </div> </div> <div class="owl-stats w-100 mb-3"> <i></i> <div class="right gallery-full-screen"> <i class="material-icons">crop_free</i> </div> <div class="right"> <span class="owl-current">1</span> / 18 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-778" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/8588b23538c83cc10f167f96924c9a3b.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/39575fddcf6c0c92fd5e97b076c4bd02.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/8fc4a453047b90dfd9531622c7f3d58a.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/e53dc9555538d17dedd88f52db587642.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/9efaa5e17a25b5be5b1a0f867c70c409.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/abe4a46626e33d893e755fdbfaa6810a.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/2844aef918c13b202b9aa8f192f80c8f.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/092c958992c0e5468eca0200aefe824d.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/5fb0cf9691c6501a39beccc4962e6b6c.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/083d831806a23a631e037cbbeef2cf85.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/13cf766f064d6eeab2e2b0ce7e3daa57.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/a319284840825db4769f4f8501074a27.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/9ba58100eff65aac3b0413297e03f911.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/d00c4c7f64f5d8db7edc72c6bb301227.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/ce2069b0471939d3465355ef12f8b874.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/29c2fb250837bfb040ca66eb39dc70b7.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/28c0f4e2291781efb64da2a9b73a4cc3.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/29319/5358e797971a8eeaafcc02acab55dbc9.jpg');"></div> </div> </div> </div> <div class="article-text">Kraków '89: wybory i studenckie zadymy. Fot. Andrzej Stawiarski</div> <div class="article-text"> <div class="gallery gallery-boxed"> <div class="gallery-close close-x close-x-white"></div> <style> .article-gallery { margin-bottom: 12px; } .article-gallery .owl-nav { position: absolute; top: 50%; width: 100%; height: 0; transform: translateY(-50%); padding: 0 !important; margin: 0 !important; } .article-gallery .owl-prev, .article-gallery .owl-next { width: 42px; height: 42px; background-color: #fff!important; color: #000 !important; font-size: 38px !important; box-shadow: 0px 1px 1px #00000029; border-radius: 42px !important; opacity: 1; padding: 0 !important; margin: 0 !important; display: block; position: absolute; z-index: 100; line-height: 12px !important; } .article-gallery .owl-prev { border-radius: 0 42px 42px 0!important; left: 0!important; } .article-gallery .owl-next { border-radius: 42px 0 0 42px!important; right: 0!important; } .article-gallery .owl-prev span{ top: 13px; position: absolute; left: 12px; line-height: 21px; } .article-gallery .owl-next span{ top: 13px; position: absolute; right: 12px; line-height: 21px; } .article-gallery .gallery-image { border-radius: 6px; overflow: hidden; width: 100%; height: 0; padding-bottom: 67%; background-size: contain; background-position: center center; background-repeat: no-repeat; vertical-align: center; } .article-gallery .gallery-image__text{ position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.3); color: #fff; padding: 20px; } @media screen and (max-width: 1024px) { .article-gallery .owl-prev, .article-gallery .owl-next { display: none !important; } } .article-thumbs { margin-bottom: 12px; } .article-thumbs .owl-item { opacity: .5; cursor: pointer; border-radius: 6px; overflow: hidden; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .article-thumbs .owl-item.current { opacity: 1; } .gallery .gallery-full-screen { cursor: pointer; margin-left: 12px; float: left; margin-top: -2px; } .article-thumbs .gallery-image { width: 100%; height: auto; aspect-ratio: 3/2; background-size: contain; background-position: center; background-repeat: no-repeat; padding-bottom: 0; } .gallery{} .gallery-boxed{} .gallery-boxed .gallery-close{ display: none; } .gallery-full{ position: fixed; left: 0; top: 0; right: 0; height: 100vh; background-color: #000; z-index: 2000; } .gallery-full{ } .gallery-full .gallery-close{ display: initial; } .gallery-full .gallery-close{ top: 12px; right: 12px; } .gallery-full .article-gallery, .gallery-full .article-gallery .gallery-image{ height: 100vh; padding-bottom: 0!important; margin-bottom: 0px!important; margin-top: 0px; } .gallery-full .owl-stats{ color: #fff; padding-right: 6px; padding-left: 6px; } .gallery-full .gallery-full-screen { display: none; } .gallery-full .article-thumbs{ height: 10vh; display: none; } .gallery-full .article-thumbs .gallery-image{ height: 10vh; padding-bottom: 0; background-size: contain; background-position: center; background-repeat: no-repeat; } .gallery-full .article-gallery .owl-next, .gallery-full .article-gallery .owl-prev{ color: #fff !important; background-color: transparent!important; } </style> <script type="94d5d8b243f2d705b1070ecd-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-158'); let gallery = $('#article-gallery-158'); 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-158"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/13f0f2ea2d28b9bf5916fb43b5e58a62.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/f2ff0f605b95b3da337ac63808579174.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/a6a269cc22f9d93ed084296089492a40.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/4932e3e9052a1af4c46851dfc10db62a.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/0b40fa0672c43de3c33e4869f77d8dbd.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/f01fa738433cf2b0cb5fd2d899710cad.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/8d56ec435108f0e83db3b6774a5b2629.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/c7dedb4f2cc86454e2cd96a3304a2213.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/3b5f5432a47331ca2335562b621bd179.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/b9cd562b3640859c19503f53777ff35e.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/aa0d7fe6fe7643513aec9a81bdd4c094.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/7b90cf495f7dd10b714ff70ae6fe8b1d.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/c1a29ce2e7492fcc71be7be3702a0d17.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/fb3cdfde3167349f05f8a30f8333afdf.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/c56f3d385993e5766008d1bb8eab5014.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/1cc0df13d86f22ad34cfe747e4d231b9.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/585cfe827f12b28061968c39bce3db4b.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/703f20241ecdff36e08b158f2273aa50.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/baaf5b8d2550aafc74b520207b669901.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/7372350be378c12d0ed2cf7bfa2662fb.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/bab300fe5bfe9d91385e9c9e52e7fabc.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/65f375a9170621f4a17139db4f3afa3e.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/2038777b19849bd8b74bde590384d100.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/0f4dd813cbde97c4b34a85a2dfe65025.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/50d23bc2fad7f3a7ae4bb830270a7023.jpg');"> <div class="gallery-image__text">-</div> </div> </div> <div class="owl-stats w-100 mb-3"> <i></i> <div class="right gallery-full-screen"> <i class="material-icons">crop_free</i> </div> <div class="right"> <span class="owl-current">1</span> / 25 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-158" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/13f0f2ea2d28b9bf5916fb43b5e58a62.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/f2ff0f605b95b3da337ac63808579174.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/a6a269cc22f9d93ed084296089492a40.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/4932e3e9052a1af4c46851dfc10db62a.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/0b40fa0672c43de3c33e4869f77d8dbd.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/f01fa738433cf2b0cb5fd2d899710cad.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/8d56ec435108f0e83db3b6774a5b2629.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/c7dedb4f2cc86454e2cd96a3304a2213.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/3b5f5432a47331ca2335562b621bd179.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/b9cd562b3640859c19503f53777ff35e.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/aa0d7fe6fe7643513aec9a81bdd4c094.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/7b90cf495f7dd10b714ff70ae6fe8b1d.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/c1a29ce2e7492fcc71be7be3702a0d17.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/fb3cdfde3167349f05f8a30f8333afdf.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/c56f3d385993e5766008d1bb8eab5014.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/1cc0df13d86f22ad34cfe747e4d231b9.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/585cfe827f12b28061968c39bce3db4b.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/703f20241ecdff36e08b158f2273aa50.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/baaf5b8d2550aafc74b520207b669901.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/7372350be378c12d0ed2cf7bfa2662fb.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/bab300fe5bfe9d91385e9c9e52e7fabc.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/65f375a9170621f4a17139db4f3afa3e.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/2038777b19849bd8b74bde590384d100.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/0f4dd813cbde97c4b34a85a2dfe65025.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/28934/50d23bc2fad7f3a7ae4bb830270a7023.jpg');"></div> </div> </div> </div> <div class="article-foot"> <div class="article-source"> </div> <div class="article-user"> </div> </div> </div> <a href="!#" class="tellus-modal-btn">Wyślij opinię na temat artykułu</a> <div class="clearfix"></div> <div style="box-shadow: 0 0 8px rgba(0, 0, 0, .1); background-color: #fff; padding: 24px;"> <h2 class="mid-title mb-4">Komentarze (0)</h2> <div class="alert blue lighten-4 blue-text text-darken-3 p-4 mb-5">Brak komentarzy</div> <form id="commentForm" action="/submit-comment" method="post"> <h3 class="mid-title mb-3" style="font-size: 18px; font-weight: 600;">Dodaj komentarz</h3> <input type="hidden" name="id_obj" value="article_1073768"> <div class="row-nice-input"> <input name='nick' type='text' class='text form-control' title='' value='' id='nick631887' placeholder=" " required /> <label for="nick631887"> Podpis </label> </div> <div class="row-nice-input"> <textarea name='text' class='materialize-textarea form-control' title='' id='text460160' placeholder=" " ></textarea> <label for="text460160"> Treść komentarza </label> </div> <input name='csrf_token' type='hidden' value='d38ac02dbdd3180786d6d546a50a257a' class='form-control' /><input name='csrf_date' type='hidden' value='2025-12-17 13:24:20' 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="94d5d8b243f2d705b1070ecd-text/javascript"> $(document).ready(function () { $('#commentForm').on('submit', function (event) { event.preventDefault(); let url = Address() + 'commentadd'; let data = $(this).serialize(); Swal.fire({ icon: 'success', title: 'Dziękujemy za dodanie komentarza!', text: "Twój komentarz zostanie dodany niezwłocznie po akceptacji przez moderatora. Komentarze są zwykle moderowane w godzinach 6.00.- 23.00. Komentarze dodane poza tymi godzinami zostaną opublikowane następnego dnia roboczego.", showConfirmButton: false, timer: 10000 }); // Clear the form fields $('#commentForm')[0].reset(); $.ajax({ url: url, type: 'POST', data: data, success: function (response) { }, error: function (xhr, status, error) { Swal.fire({ icon: 'error', title: 'Wystąpił błąd podczas dodawania komentarza.', text: error }); } }); }); }); </script> <style> .notification { padding: 24px; border-radius: 12px; border: 2px dashed rgba(255, 99, 71, .5); display: flex; align-items: center; gap: 12px; margin-bottom: 24px; font-size: 1rem; color: rgba(255, 99, 71, .8); } </style> </div> </div> <div class="col s12 l3 "> <div class="on-top "> <h2 class="on-top-title"> Najnowsze </h2> <ul class="on-top-list blue-scroll"> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/krakow/wawel-swietuje-rekord-frekwencyjny-i-zapowiada-wystawy-na-2026-rok/"> <b>13:05</b> <h3>Wawel świętuje rekord frekwencyjny i zapowiada wystawy na 2026 rok </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/krakow/najgoretszy-dzien-w-krakowskim-magistracie-trwa-ostatnia-w-tym-roku-sesja-rady-miasta/"> <b>13:01</b> <h3>Najgorętszy dzień w krakowskim magistracie. Trwa ostatnia w tym roku sesja Rady Miasta </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/nowy-sacz/jesli-bloto-nie-zniknie-ciezarowki-nie-pojada-powiat-stawia-twarde-ultimatum/"> <b>12:27</b> <h3>Jeśli błoto nie zniknie, ciężarówki nie pojadą. Powiat stawia twarde ultimatum </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/krakow/strefa-czystego-transportu-w-krakowie-jak-przyjezdni-moga-oplacic-wjazd/"> <b>12:11</b> <h3>Strefa Czystego Transportu w Krakowie: jak przyjezdni mogą opłacić wjazd? </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/audycje/atom-potrzebuje-ludzi-politechnika-krakowska-uruchamia-nowa-specjalnosc/"> <b>11:38</b> <h3>Atom potrzebuje ludzi. Politechnika Krakowska uruchamia nową specjalność </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/krakow/od-krakowa-po-baltyk-muzyczny-pociag-uczci-80-lecie-pwm/"> <b>11:14</b> <h3>Od Krakowa po Bałtyk. Muzyczny pociąg uczci 80-lecie PWM </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/audycje/korzenie-ktore-ciagna-w-gore-tatuaze-z-historia-w-tle-reportaz-ewy-szkurlat/"> <b>11:06</b> <h3>Korzenie, które ciągną w górę. Tatuaże z historią w tle - reportaż Ewy Szkurłat </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/malopolskazachodnia/tragiczny-wypadek-w-chrzanowie-zginal-kierowca-osobowki/"> <b>11:02</b> <h3>Tragiczny wypadek w Chrzanowie. Zginął kierowca osobówki </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/krakow/betlejemskie-swiatlo-pokoju-dotarlo-do-radia-krakow/"> <b>10:51</b> <h3>Betlejemskie Światło Pokoju dotarło do Radia Kraków </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/malopolskazachodnia/12-basenow-betonu-pod-trzebinia-akcja-trwala-az-dwa-lata/"> <b>10:32</b> <h3>12 basenów betonu pod Trzebinią. Akcja trwała aż dwa lata </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/malopolskazachodnia/nikifor-w-muzeum-papieskim-w-wadowicach-reprezentuje-te-same-wartosci/"> <b>09:54</b> <h3>Nikifor w Muzeum Papieskim w Wadowicach. "Reprezentuje te same wartości" </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/audycje/czy-slusznie-boimy-sie-w-kosciele-uczuc-wspolnota-ktora-leczy-wspolnota-ktora-rani-angeliki-szelagowskiej-mironiuk/"> <b>22:30</b> <h3>Czy słusznie boimy się w Kościele uczuć? "Wspólnota, która leczy. Wspólnota, która rani" Angeliki Szelągowskiej-Mironiuk </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#4728372e292e22073526232e282c35262c283069372b" class="article__tell-us-link"><span class="__cf_email__" data-cfemail="a9c6d9c0c7c0cce9dbc8cdc0c6c2dbc8c2c6de87d9c5">[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=20251217132421" 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="790b1c1d18121a1318390b181d1016120b1812160e570915">[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="b2c0d7d9ded3dfd3f2c0d3d6dbddd9c0d3d9ddc59cc2de">[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="http://tanieloty.com" title=" Tanie Loty" style="line-height: 32px"> Tanie Loty</a> </li> <li> <a href="https://hotels.pl/" title="Hotele" style="line-height: 32px">Hotele</a> </li> <li> <a href="https://www.mohito.com/pl/pl/ubrania/kurtki-plaszcze/kurtki-zimowe" title="Kurtki zimowe damskie" style="line-height: 32px">Kurtki zimowe damskie</a> </li> <li> <a href="https://biurobot.pl/" title="Artykuły biurowe" style="line-height: 32px">Artykuły biurowe</a> </li> <li> <a href="https://www.eberto.pl/" title="Baza ofert pracy" style="line-height: 32px">Baza ofert pracy</a> </li> <li> <a href="https://blog.theprotocol.it/ " title="the:blog" style="line-height: 32px">the:blog</a> </li> <li> <a href="https://posrednik.pl/" title="Darmowe ogłoszenia" style="line-height: 32px">Darmowe ogłoszenia</a> </li> </ul> </div> </div> </div> <div class="col s12 m6 l3 "> <h4 class="big-serach-list-title">Posłuchasz nas</h4> <div class="big-serach-list-item"> Kraków <b class="color2-text right">101.6 MHz</b> </div> <div class="big-serach-list-item"> Tarnów <b class="color2-text right">101 MHz</b> </div> <div class="big-serach-list-item"> Zakopane <b class="color2-text right">100 MHz</b> </div> <div class="big-serach-list-item"> Andrychów <b class="color2-text right">98.8 MHz</b> </div> <div class="big-serach-list-item"> Gorlice <b class="color2-text right">97.4 MHz</b> </div> <div class="big-serach-list-item"> Krynica-Zdrój <b class="color2-text right">102.1 MHz</b> </div> <div class="big-serach-list-item"> Rabka-Zdrój <b class="color2-text right">87.6 MHz</b> </div> <div class="big-serach-list-item"> Szczawnica <b class="color2-text right">90 MHz</b> </div> <div class="big-serach-list-item"> Nowy Sącz <b class="color2-text right">90 MHz</b> </div> </div> </div> </div> </div> </div> <div class="footer-dark"> <div class="container"> <div class="row mb-0"> <div class="col s12"><b></b> <ul class="right list-social"> <li class="list-social-item"> <a href="https://twitter.com/RadioKrakow" target="_blank"> <i class="fab fa-twitter"></i> <span class="hide">Twitter</span> </a> </li> <li class="list-social-item"> <a href="https://pl-pl.facebook.com/radiokrakow" target="_blank"> <i class="fab fa-facebook-f"></i> <span class="hide">Facebook</span> </a> </li> <li class="list-social-item"> <a href="https://www.youtube.com/channel/UCRYJv0ixGJpwFd0ba6bIWtg" target="_blank"> <i class="fab fa-youtube"></i> <span class="hide">Youtube</span> </a> </li> <li class="list-social-item"> <a href="https://instagram.com/radio_krakow" target="_blank"> <i class="fab fa-instagram"></i> <span class="hide">Instagram</span> </a> </li> </ul> <b class="left hide-on-med-and-down" title="2025-12-17 13:24:21">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="94d5d8b243f2d705b1070ecd-|49" defer></script></body> <script type="94d5d8b243f2d705b1070ecd-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.