$('#artwork_content').html("\u000A\u000A\u000A\u000A\u000A\u003Cul class\u003D\u0022gallery\u002Dul\u0022\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2016/06/23/thumbs/IMG_7138_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2016/06/23/thumbs/IMG_7138_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Nemocnice Olomouc 1\u0022 height\u003D\u0022320\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2016/06/23/thumbs/IMG_7149_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2016/06/23/thumbs/IMG_7149_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Nemocnice Olomouc 2\u0022 height\u003D\u0022320\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2016/06/23/thumbs/IMG_7156_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2016/06/23/thumbs/IMG_7156_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Nemocnice Olomouc 3\u0022 height\u003D\u0022320\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2016/06/23/thumbs/IMG_7238_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2016/06/23/thumbs/IMG_7238_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Nemocnice Olomouc 4\u0022 height\u003D\u0022320\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2016/06/23/thumbs/untitled.456_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2016/06/23/thumbs/untitled.456_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Nemocnice Olomouc 5\u0022 height\u003D\u0022312\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u003C/ul\u003E\u000A\u003Cdiv class\u003D\u0022gallery\u002Ddiv\u0022\u003E\u000A\u0009\u003Ch3\u003EMichaela Mrázková\u003C/h3\u003E\u000A\u0009\u000A\u0009\u003Cp\u003E\u000A\u0009\u003Cstrong\u003ENemocnice Olomouc\u003C/strong\u003E\u003Cbr\u003E\u000A\u0009\u003Cstrong\u003Enavigační systém v exteriéru\u003C/strong\u003E\u003Cbr\u003E\u000A\u0009\u003Cstrong\u003EVysoká škola výtvarných umění v Bratislavě\u003C/strong\u003E\u000A\u0009\u003C/p\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Ch4\u003EAnotace\u003C/h4\u003E\u000A\u0009\u0009\u003Cp\u003ENavigační systém je vytvořený na základě rozlehlého a složitého areálu olomoucké nemocnice. Areál je rozdělený do 4 barevných zón, v každé zóně jsem našla místo, ze kterého je rozhled na co nejvíce budov a na něm jsem vytyčila záchytný bod. Tyto body jsem spojila, ve špatně přehledných místech jsem přidala ještě body spojovací a tím vznikla (bezbariérová) trasa vedoucí skrz celý areál. Na stezce uživatel postupně dostává potřebné informace (od vjezdu po konkrétní vchod). Informace jsou podávány postupně, aby uživatel nebyl zahlcen nepotřebnými informacemi. Nejdřív se uživatel řídí barvami (označení pro zóny), potom písmeny (značení budov) a nakonec čísly (označení vchodů). Záchytné a spojovací body jsou nosiči informací, zárověň slouží k odpočinku a navíc doplňují chybějící značení od budovy k budově. Celý systém pomyslně vede uživatele za ruku, aby uživatel nebyl ještě více fyzicky nebo psychicky zatížen.\u003C/p\u003E\u000A\u0009\u0009\u000A\u0009\u000A\u0009\u003Cul class\u003D\u0022awards\u0022\u003E\u000A\u0009\u0009\u000A\u0009\u0009\u003Cli\u003E+Soutěžní práce\u003C/li\u003E\u000A\u0009\u0009\u000A\u0009\u003C/ul\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u000A\u0009\u003Ciframe class\u003D\u0022fb\u002Dlike\u0022 src\u003D\u0022//www.facebook.com/plugins/like.php?href\u003Dhttp://www.studentskydesign.cz/cs/2016/artwork/1016\u0026amp\u003Bsend\u003Dfalse\u0026amp\u003Blayout\u003Dstandard\u0026amp\u003Bwidth\u003D450\u0026amp\u003Bshow_faces\u003Dfalse\u0026amp\u003Baction\u003Dlike\u0026amp\u003Bcolorscheme\u003Dlight\u0022 scrolling\u003D\u0022no\u0022 frameborder\u003D\u00220\u0022 style\u003D\u0022border:none\u003B overflow:hidden\u003B width:450px\u0022 allowTransparency\u003D\u0022true\u0022\u003E\u003C/iframe\u003E\u000A\u003C/div\u003E"); $('#content-left .filter li').removeClass('active'); $('#content-left').find('.content').fadeOut(250).filter(function() { return $(this).data('category') == 'galerie' }).fadeIn(250).find('p').cstypo(); if ($slider !== undefined) { $slider.destroyShow(); } var $slider; // $('.gallery-ul:visible').find('li').first().find('img').imagesLoaded(function(){ $('#artwork_content .gallery-ul').not('.active').addClass('active'); $slider = $('#artwork_content .gallery-ul.active').height($('#artwork_content .gallery-ul.active').find('li').first().find('img').attr('height')).bxSlider({ infiniteLoop: false, prevText: '', nextText: '', hideControlOnEnd: true, onNextSlide: function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject){ $('#artwork_content .gallery-ul.active').animate({height:currentSlideHtmlObject.height()}, 250); } , onPrevSlide: function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject){ $('#artwork_content .gallery-ul.active').animate({height:currentSlideHtmlObject.height()}, 250); } }); // }); // content left - fancybox $('#artwork_content .gallery-ul li a.fbox').click(function(e){ e.preventDefault(); var thumb = $(this).attr('href'); $.fancybox({ href: thumb, overlayOpacity: 0.8, overlayColor: '#fff', showCloseButton: false, hideOnContentClick: true, padding: 0 }); return false; }); $(document).keydown(function(e) { if (e.keyCode == 37) { // left $slider.goToPreviousSlide(); } if (e.keyCode == 39) { // right $slider.goToNextSlide(); } });