</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=20260304061534" 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=20260304061534" 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="5ec041ca642ef5147179c8b7-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="5ec041ca642ef5147179c8b7-text/javascript"> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <section class="container"> <div class="row"> <div class="col s12"> <a href="" title="Radio Kraków" class="breadcrumb"> Radio Kraków </a> <a href="aktualnosci/" title="Aktualności" class="breadcrumb"> Aktualności </a> <a href="aktualnosci/krakow/" title="Kraków" class="breadcrumb"> Kraków </a> <a href="aktualnosci/krakow/tak-grala-orkiestra-w-malopolsce-zobacz-zdjecia/" title="Tak grała Orkiestra w Małopolsce. ZOBACZ ZDJĘCIA" class="breadcrumb"> Tak grała Orkiestra w Małopolsce. ZOBACZ ZDJĘCIA </a> </div> </div> </section> <section class="container"> <div class="row"> <div class="col s12 l9 "> <div class="article"> <a href="https://cms.radiokrakow.pl/admin.php/article/show/id/712778/type/article>" class="btn btn-article-edit" style="display: none;">Edytuj</a> <script type="5ec041ca642ef5147179c8b7-text/javascript"> async function isUrlFound(url) { try { const response = await fetch(url, { method: 'HEAD', mode: 'no-cors', cache: 'no-cache' }); return true; } catch (error) { // console.log(error); return false; } } async function urlTest(url) { const isValidUrl = await isUrlFound(url); console.log(isValidUrl) if (isValidUrl) { $('.btn-article-edit').show() } } $(document).ready(function () { console.log('aaa') urlTest('https://cms.radiokrakow.pl/application/site/web/images/logo.png'); }) </script> <ul class="article__font-select font-select"> <li class="font-select__item " style="font-size: 12px;" data-font_size="12">A </li> <li class="font-select__item font-select__item-selected" style="font-size: 14px;" data-font_size="14">A </li> <li class="font-select__item " style="font-size: 16px;" data-font_size="16">A </li> </ul> <a class="article-share share-btn" data-title="Tak grała Orkiestra w Małopolsce. ZOBACZ ZDJĘCIA" data-text="Tak grała 21 Wielka Orkiestra Świątecznej Pomocy w Małopolsce. Zobacz zdjęcia z najciekawszych miejsc i imprez."> <i class="material-icons">share</i> </a> <h1 class="article-title big-title">Tak grała Orkiestra w Małopolsce. ZOBACZ ZDJĘCIA</h1> <ul class="meta"> <li class="meta__item meta__item-family"> <a href="https://www.radiokrakow.pl/krakow/" title="Kraków"> Kraków </a> </li> <li class="meta__item"> <i class="material-icons">date_range</i> Poniedziałek, 2013.01.14 08:11 <span class="grey-text"> ( Edytowany Poniedziałek, 2021.05.31 02:49 ) </span> </li> </ul> <strong class="article-lead"><b>Tak grała 21 Wielka Orkiestra Świątecznej Pomocy w Małopolsce.</b> Zobacz zdjęcia z najciekawszych miejsc i imprez.</strong> <div class="article-thumb" style="background-image: url('https://www.radiokrakow.pl/data/article/712778/bb5c9d3f90e23e4fa820f2aa392f7317.jpg');"> </div> <p class="article-thumb-tags"> Fot. Paweł Krawczyk </p> <div class="mt-3 mb-4"> <ul class="social-grid-2"> <li class="social-grid-2__item social-grid-2__item-facebook"> <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.radiokrakow.pl/aktualnosci/krakow/tak-grala-orkiestra-w-malopolsce-zobacz-zdjecia/" class="social-grid-2__link" target="_blank"> <i class="fab fa-facebook-f social-grid-2__icon"></i> <span class="social-grid-2__text">Pokaż</span> </a> </li> <li class="social-grid-2__item social-grid-2__item-twitter"> <a href="https://twitter.com/intent/tweet?url=https://www.radiokrakow.pl/aktualnosci/krakow/tak-grala-orkiestra-w-malopolsce-zobacz-zdjecia/&text=Tak grała Orkiestra w Małopolsce. ZOBACZ ZDJĘCIA" class="social-grid-2__link" target="_blank"> <i class="fab fa-twitter social-grid-2__icon"></i> <span class="social-grid-2__text">Tweetnij</span> </a> </li> <li class="social-grid-2__item social-grid-2__item-linkedin"> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.radiokrakow.pl/aktualnosci/krakow/tak-grala-orkiestra-w-malopolsce-zobacz-zdjecia/&title=Tak grała Orkiestra w Małopolsce. ZOBACZ ZDJĘCIA&summary=Tak grała 21 Wielka Orkiestra Świątecznej Pomocy w Małopolsce. Zobacz zdjęcia z najciekawszych miejsc i imprez." class="social-grid-2__link" target="_blank"> <i class="fab fa-linkedin-in social-grid-2__icon"></i> <span class="social-grid-2__text">Udostępnij</span> </a> </li> </ul> <div class="clearfix"></div> </div> <div class="article-text">WOŚP w Krakowie, fot. Maciej Skowronek.</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="5ec041ca642ef5147179c8b7-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-462'); let gallery = $('#article-gallery-462'); 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-462"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9621/c88d2ba5985d16f82b6be03608d6a0be.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9621/636ddb8aa360bd7ed6ddce4aa32ffe4d.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9621/a31a6456aea9ea997422b31076114ec8.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9621/2476a2e5b4139da34863d553b74ceb48.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> / 4 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-462" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9621/c88d2ba5985d16f82b6be03608d6a0be.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9621/636ddb8aa360bd7ed6ddce4aa32ffe4d.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9621/a31a6456aea9ea997422b31076114ec8.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9621/2476a2e5b4139da34863d553b74ceb48.jpg');"></div> </div> </div> </div> <div class="article-text">WOŚP w Zakopanem</div> <div class="article-text"><br/> <b>Trudno było znaleźć miejsce do którego nie trafiliby wolontariusze orkiestry. W Krakowie było ich ponad 2000, w Tarnowie ponad 900.</b> Orkiestrowe imprezy odbywały się w kilkudziesięciu miejscowościach w Małopolsce, najważniejsza była jednak kwesta. Datki zbierały tysiące wolontariuszy, wśród nich było wiele nietypowych postaci. W <b>Krakowie</b> młodzi ludzie przebrani za żołnierzy, w <b>Nowym Sączu</b> spotkać można było prawdziwego szlachcica.<br/> W <b>Tarnowie</b> do zbiórki włączyli się policjanci. Ponieważ Orkiestra gra w tym roku także dla seniorów, wśród kwestujących było wielu seniorów. Wszyscy przyznają, że taki cel zmobilizował środowisko.<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="5ec041ca642ef5147179c8b7-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-647'); let gallery = $('#article-gallery-647'); 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-647"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9628/97678b369703a3bffddd888ae804bda1.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9628/0cc23230e8e629ff5bb6164f385137de.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9628/ec94872360122248856c567b7f5540b1.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9628/c2e41a1fa18058cc538e040a294f7ea1.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> / 4 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-647" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9628/97678b369703a3bffddd888ae804bda1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9628/0cc23230e8e629ff5bb6164f385137de.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9628/ec94872360122248856c567b7f5540b1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9628/c2e41a1fa18058cc538e040a294f7ea1.jpg');"></div> </div> </div> </div> <div class="article-text">WOŚP w Nowym Sączu</div> <div class="article-text">WOŚP w Krakowie, fot. Paweł Krawczyk</div> <div class="article-text"><b>Orkiestra głośno grała także w zachodniej Małopolsce.</b> Było sporo ciekawostek i niespodzianek. W Kętach przed domem kultury zaparkowały motoryzacyjne piękności z czasów PRL-u. W <b>Brzeszczach</b> zaplanowano specjalny pokaz ratownictwa drogowego strażaków z OSP Jawiszowice. W <b>Oświęcimiu</b> przygotowano coś dla łasuchów. W holu Oświęcimskiego Centrum Kultury otwarto orkiestrowy sklepik, gdzie można było kupić specjalnie upieczone na te okazje piernikowe serca. W loterii do wygrania był ogromny czerwony tort.<br/><br/> W <b>Nowym Sączu</b> na wielkiej licytacji można było wygrać między innymi przywieziony z Meksyku kalendarz majów i tradycyjne złote serduszko przekazane przez sądeckich jubilerów.<br/><br/> <a href="/wiadomosci/krakow/orkiestra-w-malopolsce-zywiolowa-i-niecodzienna-relacja/"> Orkiestra w Małopolsce. Żywiołowa i niecodzienna. Relacja</a><br/><br/> <b>W Małopolsce podczas kwesty na rzecz Wielkiej Orkiestry Świątecznej Pomocy nie obyło się niestety bez incydentu.</b> Dwóch mężczyzn okradło wolontariuszki w Krakowie. Złodzieje wbiegli do tramwaju, wyrwali dziewczętom puszki i uciekli zanim ktokolwiek zdążył zareagować. Po kilkudziesięciu minutach udało się odzyskać puszkę.<br/><br/><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="5ec041ca642ef5147179c8b7-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-430'); let gallery = $('#article-gallery-430'); 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-430"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9635/abc8551127981648cd3894f2328db5b9.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9635/680ade8322fad97dd49a8beaf7745fdd.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9635/5d0e64f534cb0382ea7f72678733d889.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9635/9fe2d9d4431e9d2bf0151d1d4dfb6866.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9635/7b10beb733d99b95be6e19f3d5d92e21.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9635/3f9c011b3cd42e48c2e67c3eca58b191.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> / 6 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-430" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9635/abc8551127981648cd3894f2328db5b9.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9635/680ade8322fad97dd49a8beaf7745fdd.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9635/5d0e64f534cb0382ea7f72678733d889.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9635/9fe2d9d4431e9d2bf0151d1d4dfb6866.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9635/7b10beb733d99b95be6e19f3d5d92e21.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9635/3f9c011b3cd42e48c2e67c3eca58b191.jpg');"></div> </div> </div> </div> <div class="article-text"> <div class="gallery gallery-boxed"> <div class="gallery-close close-x close-x-white"></div> <style> .article-gallery { margin-bottom: 12px; } .article-gallery .owl-nav { position: absolute; top: 50%; width: 100%; height: 0; transform: translateY(-50%); padding: 0 !important; margin: 0 !important; } .article-gallery .owl-prev, .article-gallery .owl-next { width: 42px; height: 42px; background-color: #fff!important; color: #000 !important; font-size: 38px !important; box-shadow: 0px 1px 1px #00000029; border-radius: 42px !important; opacity: 1; padding: 0 !important; margin: 0 !important; display: block; position: absolute; z-index: 100; line-height: 12px !important; } .article-gallery .owl-prev { border-radius: 0 42px 42px 0!important; left: 0!important; } .article-gallery .owl-next { border-radius: 42px 0 0 42px!important; right: 0!important; } .article-gallery .owl-prev span{ top: 13px; position: absolute; left: 12px; line-height: 21px; } .article-gallery .owl-next span{ top: 13px; position: absolute; right: 12px; line-height: 21px; } .article-gallery .gallery-image { border-radius: 6px; overflow: hidden; width: 100%; height: 0; padding-bottom: 67%; background-size: contain; background-position: center center; background-repeat: no-repeat; vertical-align: center; } .article-gallery .gallery-image__text{ position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.3); color: #fff; padding: 20px; } @media screen and (max-width: 1024px) { .article-gallery .owl-prev, .article-gallery .owl-next { display: none !important; } } .article-thumbs { margin-bottom: 12px; } .article-thumbs .owl-item { opacity: .5; cursor: pointer; border-radius: 6px; overflow: hidden; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .article-thumbs .owl-item.current { opacity: 1; } .gallery .gallery-full-screen { cursor: pointer; margin-left: 12px; float: left; margin-top: -2px; } .article-thumbs .gallery-image { width: 100%; height: auto; aspect-ratio: 3/2; background-size: contain; background-position: center; background-repeat: no-repeat; padding-bottom: 0; } .gallery{} .gallery-boxed{} .gallery-boxed .gallery-close{ display: none; } .gallery-full{ position: fixed; left: 0; top: 0; right: 0; height: 100vh; background-color: #000; z-index: 2000; } .gallery-full{ } .gallery-full .gallery-close{ display: initial; } .gallery-full .gallery-close{ top: 12px; right: 12px; } .gallery-full .article-gallery, .gallery-full .article-gallery .gallery-image{ height: 100vh; padding-bottom: 0!important; margin-bottom: 0px!important; margin-top: 0px; } .gallery-full .owl-stats{ color: #fff; padding-right: 6px; padding-left: 6px; } .gallery-full .gallery-full-screen { display: none; } .gallery-full .article-thumbs{ height: 10vh; display: none; } .gallery-full .article-thumbs .gallery-image{ height: 10vh; padding-bottom: 0; background-size: contain; background-position: center; background-repeat: no-repeat; } .gallery-full .article-gallery .owl-next, .gallery-full .article-gallery .owl-prev{ color: #fff !important; background-color: transparent!important; } </style> <script type="5ec041ca642ef5147179c8b7-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-545'); let gallery = $('#article-gallery-545'); 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-545"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/57fe74e98a0558bc9fb75f92619d569d.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/53d359183a8b36d574fdc687e0b12b9b.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/8c688aff99b319141bbbd82f1b49fb26.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/58e80be340ac20196dfe5ac872744ab3.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/b8b7178b8fdac471b154ae22923f70cd.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/f3e0b34e3d586d0a86c5f330d4ef1bfa.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/d45e6bc3e440bf9ecc99f262f3694291.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/dcd592b1732955c1724ce036ee43334b.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/c7aef1eb9c51dbe870bd3effaa05edf0.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/6d6ea8f6e5a6d1abd2f7254312785e25.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/2fffef3525b5c7313d9608555c726c64.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/b610e425bef7722f5f820619444e82d0.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/51f065d022f41b9672bf05fe7f63aacf.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/d69b6fc677d57927165e841f904759e1.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/9d9999b82db4032794b4dbc07f9bb86a.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> / 15 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-545" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/57fe74e98a0558bc9fb75f92619d569d.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/53d359183a8b36d574fdc687e0b12b9b.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/8c688aff99b319141bbbd82f1b49fb26.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/58e80be340ac20196dfe5ac872744ab3.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/b8b7178b8fdac471b154ae22923f70cd.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/f3e0b34e3d586d0a86c5f330d4ef1bfa.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/d45e6bc3e440bf9ecc99f262f3694291.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/dcd592b1732955c1724ce036ee43334b.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/c7aef1eb9c51dbe870bd3effaa05edf0.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/6d6ea8f6e5a6d1abd2f7254312785e25.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/2fffef3525b5c7313d9608555c726c64.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/b610e425bef7722f5f820619444e82d0.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/51f065d022f41b9672bf05fe7f63aacf.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/d69b6fc677d57927165e841f904759e1.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9642/9d9999b82db4032794b4dbc07f9bb86a.jpg');"></div> </div> </div> </div> <div class="article-text">WOŚP w Tarnowie, fot.P. Topolski</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="5ec041ca642ef5147179c8b7-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/9649/1afad855ecc74980dbb9f10de3eaae41.jpg');"> <div class="gallery-image__text">7 tarnowska MotoOrkiestra</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9649/95779e8ebe7ed2aaff8ffb049e699310.jpg');"> <div class="gallery-image__text">Janusz Kołodziej w swoim rajdowym Subaru</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9649/08d8adfb03da43dc3bfd19270d4b1965.jpg');"> <div class="gallery-image__text">prezydent Ryszard Ścigała</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9649/caf4629c275937e5569b09aa91df9b43.jpg');"> <div class="gallery-image__text">finał na tarnowskim rynku</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9649/c0743b06231e05dba8e9a7fcce7f795b.jpg');"> <div class="gallery-image__text">finał na tarnowskim rynku</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9649/5edf5e4f94cdb418a9f9db5be33a6633.jpg');"> <div class="gallery-image__text">finał na tarnowskim rynku</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9649/f95818f72a92bafce0ee0294041fd56a.jpg');"> <div class="gallery-image__text">finał na tarnowskim rynku</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9649/aea4cc7e7261c3450a92a86ee1f52a78.jpg');"> <div class="gallery-image__text">finał na tarnowskim rynku</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9649/9b30bc5012b131e030c3368f40c2a8e6.jpg');"> <div class="gallery-image__text">finał na tarnowskim rynku</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9649/d188f47e4d89428092797c0e6b7b4784.jpg');"> <div class="gallery-image__text">finał na tarnowskim rynku</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9649/12f14b9d393d660d593a715a362bb7aa.jpg');"> <div class="gallery-image__text">finał na tarnowskim rynku</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> / 11 </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/9649/1afad855ecc74980dbb9f10de3eaae41.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9649/95779e8ebe7ed2aaff8ffb049e699310.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9649/08d8adfb03da43dc3bfd19270d4b1965.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9649/caf4629c275937e5569b09aa91df9b43.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9649/c0743b06231e05dba8e9a7fcce7f795b.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9649/5edf5e4f94cdb418a9f9db5be33a6633.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9649/f95818f72a92bafce0ee0294041fd56a.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9649/aea4cc7e7261c3450a92a86ee1f52a78.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9649/9b30bc5012b131e030c3368f40c2a8e6.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9649/d188f47e4d89428092797c0e6b7b4784.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9649/12f14b9d393d660d593a715a362bb7aa.jpg');"></div> </div> </div> </div> <div class="article-text">WOŚP w Krakowie, fot. Paweł Krawczyk.</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="5ec041ca642ef5147179c8b7-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-763'); let gallery = $('#article-gallery-763'); 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-763"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/16458e1fd5422a0f77f5091d387f94e2.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/9429d6722f9ef211ab717249deefb8cf.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/bad80ef56cf9d4e10f265d334fa2a60b.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/d7aa909b3c36507b07189d30f7e0959e.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/d767038be1a4ddef4ff6c80857fea09e.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/320c7c9a804e5904acf10d89a78a001a.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/85ba550d8b15ae18cdfbec60f4bf7003.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/e4c23774f1c77ae775f0814312b3b319.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/e7f6098e795f3398ffc3115981b32660.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/bdc3e05e1bbeb5cd8cf8846d74d3da45.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/5c23792c17312143caa76d4e55c4a3e5.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/14dab14c08212973ada9b099570bc965.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/500929b2c701a86d2b2753226080be8e.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/8c732378f7374389e5f6bb7618cedca8.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/4ed786e7aee368938a8cb5212b9f2f4a.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/1cdada70df840e9feb7a24e4d94039ea.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/29c8349d543bf76ab5db73438fc829a8.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/a8099ad00cd6e2bb8e8e428518cc6203.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/69c40d5ef3970d41322d69044e31f683.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/1fb3c780bbebe9aec26f7cc980f81086.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/94f736aec3482bf637fec5690fa35637.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/2c6d0eef3d1e5be20bc41df5373f11be.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/7e5464ecdc0056c43859991c05630ee0.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/8595078992d8656e41b9cb209b9e2e4b.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/bc45e7d725618204c09a0ddbe8a52b7f.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/bc2ca7b6c1decd206ef8a733016ed015.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/34bf57117598c2371ac2c29b748e6c62.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/02750f3786f7591a42877a762958ec82.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/0e8521e47aabf5c04fc31bb559c39e98.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/5ced86137281e5ebc66989d18fc36ba2.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/9f3e6058ad65a9951c968545ea4df17c.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/7a8689429f80cad28453461b0880f7b7.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/75bad7663580df19721cbe0dabee6d31.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/b74b94b5fb5f8599c2ccf5b7e2184e58.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/a5c9d267dc5e294a0cf074c7e3ae6cec.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> / 35 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-763" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/16458e1fd5422a0f77f5091d387f94e2.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/9429d6722f9ef211ab717249deefb8cf.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/bad80ef56cf9d4e10f265d334fa2a60b.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/d7aa909b3c36507b07189d30f7e0959e.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/d767038be1a4ddef4ff6c80857fea09e.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/320c7c9a804e5904acf10d89a78a001a.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/85ba550d8b15ae18cdfbec60f4bf7003.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/e4c23774f1c77ae775f0814312b3b319.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/e7f6098e795f3398ffc3115981b32660.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/bdc3e05e1bbeb5cd8cf8846d74d3da45.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/5c23792c17312143caa76d4e55c4a3e5.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/14dab14c08212973ada9b099570bc965.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/500929b2c701a86d2b2753226080be8e.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/8c732378f7374389e5f6bb7618cedca8.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/4ed786e7aee368938a8cb5212b9f2f4a.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/1cdada70df840e9feb7a24e4d94039ea.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/29c8349d543bf76ab5db73438fc829a8.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/a8099ad00cd6e2bb8e8e428518cc6203.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/69c40d5ef3970d41322d69044e31f683.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/1fb3c780bbebe9aec26f7cc980f81086.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/94f736aec3482bf637fec5690fa35637.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/2c6d0eef3d1e5be20bc41df5373f11be.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/7e5464ecdc0056c43859991c05630ee0.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/8595078992d8656e41b9cb209b9e2e4b.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/bc45e7d725618204c09a0ddbe8a52b7f.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/bc2ca7b6c1decd206ef8a733016ed015.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/34bf57117598c2371ac2c29b748e6c62.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/02750f3786f7591a42877a762958ec82.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/0e8521e47aabf5c04fc31bb559c39e98.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/5ced86137281e5ebc66989d18fc36ba2.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/9f3e6058ad65a9951c968545ea4df17c.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/7a8689429f80cad28453461b0880f7b7.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/75bad7663580df19721cbe0dabee6d31.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/b74b94b5fb5f8599c2ccf5b7e2184e58.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9663/a5c9d267dc5e294a0cf074c7e3ae6cec.jpg');"></div> </div> </div> </div> <div class="article-text">WOŚP w Nowym Sączu, fot. Bartosz Niemiec</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="5ec041ca642ef5147179c8b7-text/javascript"> $(document).ready(function (e) { let thumbs = $('#article-thumbs-940'); let gallery = $('#article-gallery-940'); 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-940"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9677/9bdfede7a433bc1e33ca9da6590e0f2d.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9677/7bddc176815b49483b634f2f1020ff3b.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9677/a7d2ca2531478afe0db561d84cfb3f19.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9677/60be8afda40b9c6212af3463c8191faa.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9677/449237f2e73a196fff24447c3e522927.jpg');"> <div class="gallery-image__text">-</div> </div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9677/cdf15aa9ff593e1019b3c18541281c5c.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> / 6 </div> <div class="clearfix"></div> </div> <div class="owl-carousel owl-carousel-gallery owl-theme article-thumbs hide-on-small-only" id="article-thumbs-940" style="display: block;"> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9677/9bdfede7a433bc1e33ca9da6590e0f2d.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9677/7bddc176815b49483b634f2f1020ff3b.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9677/a7d2ca2531478afe0db561d84cfb3f19.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9677/60be8afda40b9c6212af3463c8191faa.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9677/449237f2e73a196fff24447c3e522927.jpg');"></div> <div class="gallery-image" style="background-image: url('https://www.radiokrakow.pl/data/article/9677/cdf15aa9ff593e1019b3c18541281c5c.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_712778"> <div class="row-nice-input"> <input name='nick' type='text' class='text form-control' title='' value='' id='nick549892' placeholder=" " required /> <label for="nick549892"> Podpis </label> </div> <div class="row-nice-input"> <textarea name='text' class='materialize-textarea form-control' title='' id='text735655' placeholder=" " ></textarea> <label for="text735655"> Treść komentarza </label> </div> <input name='csrf_token' type='hidden' value='66424c16255802f83f33f4dfa632e7f7' class='form-control' /><input name='csrf_date' type='hidden' value='2026-03-04 06:15:33' 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="5ec041ca642ef5147179c8b7-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/tak-drogo-jeszcze-nie-bylo-zima-w-krakowie-kosztowala-juz-63-mln-zl/"> <b>06:05</b> <h3>Tak drogo jeszcze nie było. Zima w Krakowie kosztowała już 63 mln zł </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/audycje/krakowski-szmelcownik-czyli-skrobaczki-do-butow-dzwonki-i-judasze/"> <b>22:30</b> <h3>Krakowski szmelcownik czyli skrobaczki do butów, dzwonki i judasze </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/audycje/turystyka-w-tatrach-wiecej-obaw-o-inflacje-niz-o-brak-gosci-z-arabii/"> <b>21:19</b> <h3>Turystyka w Tatrach: więcej obaw o inflację niż o brak gości z Arabii </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/tarnow/dwie-dziewczynki-z-tarnowa-wyroznione-przez-straz-pozarna-za-wzorowa-reakcje-w-sytuacji-zagrozenia/"> <b>19:47</b> <h3>Dwie dziewczynki z Tarnowa wyróżnione przez straż pożarną za wzorową reakcję w sytuacji zagrożenia </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/malopolskazachodnia/nowa-droga-chrzanowtrzebinia-wciaz-zamknieta-czeka-na-zgode-na-przejazd-kolejowy/"> <b>18:35</b> <h3>Nowa droga Chrzanów–Trzebinia wciąż zamknięta. Czeka na zgodę na przejazd kolejowy </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/audycje/dlaczego-warto-wiedziec-wiecej-o-ubezpieczeniach-spolecznych/"> <b>17:50</b> <h3>Dlaczego warto wiedzieć więcej o ubezpieczeniach społecznych? </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/audycje/melancholia-polnocy-i-rytmy-poludnia-noren-miesza-rozne-swiaty/"> <b>17:44</b> <h3>Melancholia północy i rytmy południa. Noren miesza różne światy. </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/koncepcja-tras-pychowickiej-i-zwierzynieckiej-miala-byc-poprawiona-od-pol-roku-zmian-jak-nie-bylo-tak-nie-ma/"> <b>17:23</b> <h3>Koncepcja Tras Pychowickiej i Zwierzynieckiej miała być poprawiona od pół roku. Zmian jak nie było, tak nie ma </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/krakow/historyczny-sukces-krakowska-druzyna-awansowala-do-finalu-ligi-mistrzow-w-goalballu/"> <b>16:46</b> <h3>Historyczny sukces: krakowska drużyna awansowała do finału Ligi Mistrzów w goalballu! </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/tarnow/grupa-azoty-wstrzymuje-nowe-zamowienia-powodem-konflikt-na-bliskim-wschodzie/"> <b>15:40</b> <h3>Grupa Azoty wstrzymuje nowe zamówienia. Powodem konflikt na Bliskim Wschodzie </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/audycje/purimspiel-czyli-jak-powstal-teatr-zydowski/"> <b>15:03</b> <h3>Purimspiel czyli jak powstał teatr żydowski </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/nowy-sacz/niedzwiedz-juz-na-szlaku-w-beskidzie-sadeckim-pojawily-sie-swieze-tropy/"> <b>14:50</b> <h3>Niedźwiedź już na szlaku. W Beskidzie Sądeckim pojawiły się świeże tropy </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/krakow/marzec-w-krakowie-miesiacem-kobiet/"> <b>14:04</b> <h3>Marzec w Krakowie miesiącem kobiet </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/audycje/dzien-kobiet-inaczej-warsztaty-nie-tylko-dla-kobiet/"> <b>13:39</b> <h3>Dzień Kobiet inaczej. Warsztaty nie tylko dla kobiet </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/kultura/13-festiwal-krakowska-wiosna-wiolonczelowa/"> <b>13:35</b> <h3>13. Festiwal Krakowska Wiosna Wiolonczelowa </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/aktualnosci/krakow/tragiczny-wypadek-w-krakowie-nie-zyje-kobieta/"> <b>13:32</b> <h3>Tragiczny wypadek w Krakowie. Nie żyje rowerzystka </h3> </a> </li> <li class="on-top-list-item on-top-list-item__article"> <a href="https://www.radiokrakow.pl/audycje/bliski-wschod-a-polskie-portfele-jak-dlugo-potrwa-niepewnosc/"> <b>13:10</b> <h3>Bliski Wschód a polskie portfele. Jak długo potrwa niepewność? </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#3a554a5354535f7a485b5e535551485b51554d144a56" class="article__tell-us-link"><span class="__cf_email__" data-cfemail="b2ddc2dbdcdbd7f2c0d3d6dbddd9c0d3d9ddc59cc2de">[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=20260304061534" 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="c8baadaca9a3aba2a988baa9aca1a7a3baa9a3a7bfe6b8a4">[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="1765727c7b767a76576576737e787c65767c786039677b">[email protected]</a></span> </li> </ul> </div> <div class="col s12 m6 l5 offset-l1"> <h4 class="big-serach-list-title">O nas</h4> <div class="row db"> <div class="col s12 m6 l4"> <ul class="m-0"> <li> <a href="https://www.radiokrakow.pl/aktualnosci/" title="Aktualności" style="line-height: 32px">Aktualności</a> </li> <li> <a href="https://www.radiokrakow.pl/aktualnosci/krakow/" title="Kraków" style="line-height: 32px">Kraków</a> </li> <li> <a href="https://www.radiokrakow.pl/aktualnosci/tarnow/" title="Tarnów" style="line-height: 32px">Tarnów</a> </li> <li> <a href="https://www.radiokrakow.pl/aktualnosci/malopolskazachodnia/" title="Małopolska Zachodnia" style="line-height: 32px">Małopolska Zachodnia</a> </li> <li> <a href="https://www.radiokrakow.pl/aktualnosci/nowy-sacz/" title="Nowy Sącz" style="line-height: 32px">Nowy Sącz</a> </li> <li> <a href="https://www.radiokrakow.pl/aktualnosci/nowy-sacz/podhale/" title="Podhale" style="line-height: 32px">Podhale</a> </li> <li> <a href="https://www.radiokrakow.pl/aktualnosci/gorlice/" title="Gorlice" style="line-height: 32px">Gorlice</a> </li> </ul> </div> <div class="col s12 m6 l4"> <ul class="m-0"> <li> <a href="https://www.radiokrakow.pl/ludzie-radia/" title="Ludzie Radia" style="line-height: 32px">Ludzie Radia</a> </li> <li> <a href="https://www.radiokrakow.pl/regulaminkonkursow" title="Regulamin konkursów" style="line-height: 32px">Regulamin konkursów</a> </li> <li> <a href="https://www.radiokrakow.pl/kontakt/tess/abc-abonament/" title="Abonament" style="line-height: 32px">Abonament</a> </li> <li> <a href="https://bip.radiokrakow.pl/" title="BIP" style="line-height: 32px">BIP</a> </li> <li> <a href="https://www.radiokrakow.pl/partnerzy/" title="Partnerzy" style="line-height: 32px">Partnerzy</a> </li> <li> <a href="https://www.pracuj.pl/praca/krakow;wp" title="Praca na Pracuj.pl" style="line-height: 32px">Praca na Pracuj.pl</a> </li> <li> <a href="https://www.praca.pl/krakow.html" title="Praca Kraków" style="line-height: 32px">Praca Kraków</a> </li> <li> <a href="https://www.gowork.pl/praca/krakow;l" title="Praca Kraków" style="line-height: 32px">Praca Kraków</a> </li> <li> <a href="https://jobicon.pracuj.pl/" title="Targi pracy Kraków" style="line-height: 32px">Targi pracy Kraków</a> </li> <li> <a href="https://telekwiaciarnia.pl/" title="Telekwiaciarnia.pl" style="line-height: 32px">Telekwiaciarnia.pl</a> </li> <li> <a href="http://tanieloty.com" title=" Tanie Loty" style="line-height: 32px"> Tanie Loty</a> </li> <li> <a href="https://hotels.pl/" title="Hotele" style="line-height: 32px">Hotele</a> </li> <li> <a href="https://www.mohito.com/pl/pl/ubrania/kurtki-plaszcze/kurtki-zimowe" title="Kurtki zimowe damskie" style="line-height: 32px">Kurtki zimowe damskie</a> </li> <li> <a href="https://biurobot.pl/" title="Artykuły biurowe" style="line-height: 32px">Artykuły biurowe</a> </li> <li> <a href="https://www.eberto.pl/" title="Baza ofert pracy" style="line-height: 32px">Baza ofert pracy</a> </li> <li> <a href="https://blog.theprotocol.it/ " title="the:blog" style="line-height: 32px">the:blog</a> </li> <li> <a href="https://krakow.nieruchomosci-online.pl/mieszkania/" title="Mieszkania w Krakowie" style="line-height: 32px">Mieszkania w Krakowie</a> </li> <li> <a href="https://posrednik.pl/" title="Darmowe ogłoszenia" style="line-height: 32px">Darmowe ogłoszenia</a> </li> </ul> </div> </div> </div> <div class="col s12 m6 l3 "> <h4 class="big-serach-list-title">Posłuchasz nas</h4> <div class="big-serach-list-item"> Kraków <b class="color2-text right">101.6 MHz</b> </div> <div class="big-serach-list-item"> Tarnów <b class="color2-text right">101 MHz</b> </div> <div class="big-serach-list-item"> Zakopane <b class="color2-text right">100 MHz</b> </div> <div class="big-serach-list-item"> Andrychów <b class="color2-text right">98.8 MHz</b> </div> <div class="big-serach-list-item"> Gorlice <b class="color2-text right">97.4 MHz</b> </div> <div class="big-serach-list-item"> Krynica-Zdrój <b class="color2-text right">102.1 MHz</b> </div> <div class="big-serach-list-item"> Rabka-Zdrój <b class="color2-text right">87.6 MHz</b> </div> <div class="big-serach-list-item"> Szczawnica <b class="color2-text right">90 MHz</b> </div> <div class="big-serach-list-item"> Nowy Sącz <b class="color2-text right">90 MHz</b> </div> </div> </div> </div> </div> </div> <div class="footer-dark"> <div class="container"> <div class="row mb-0"> <div class="col s12"><b></b> <ul class="right list-social"> <li class="list-social-item"> <a href="https://twitter.com/RadioKrakow" target="_blank"> <i class="fab fa-twitter"></i> <span class="hide">Twitter</span> </a> </li> <li class="list-social-item"> <a href="https://pl-pl.facebook.com/radiokrakow" target="_blank"> <i class="fab fa-facebook-f"></i> <span class="hide">Facebook</span> </a> </li> <li class="list-social-item"> <a href="https://www.youtube.com/channel/UCRYJv0ixGJpwFd0ba6bIWtg" target="_blank"> <i class="fab fa-youtube"></i> <span class="hide">Youtube</span> </a> </li> <li class="list-social-item"> <a href="https://instagram.com/radio_krakow" target="_blank"> <i class="fab fa-instagram"></i> <span class="hide">Instagram</span> </a> </li> </ul> <b class="left hide-on-med-and-down" title="2026-03-04 06:15:34">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="5ec041ca642ef5147179c8b7-|49" defer></script></body> <script type="5ec041ca642ef5147179c8b7-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.