CINXE.COM

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <base href="."> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="icon" href="../eventsairwesteuprod/production-pcoconvin-public/7703d449f4d345578376fb27b9cbc627.jpg"> <title>21st Quinquennial Congress of the International Musicological Society ( IMS2022)</title> <link rel="canonical" href="https://pcoconvin.eventsair.com/ims22/school-of-philosophy-main-venue" /> <meta name="description" content=""/> <meta property="og:locale" content="en_US"/> <meta property="og:type" content="website"/> <meta property="og:title" content="School of Philosophy (Main Venue) - 21st Quinquennial Congress of the International Musicological Society (IMS2022)"/> <meta property="og:description" content=""/> <meta property="og:url" content="pcoconvin.eventsair.com/school-of-philosophy-main-venue"/> <meta property="og:site_name" content="School of Philosophy (Main Venue) "/> <meta name="twitter:card" content="summary"/> <meta name="twitter:description" content=""/> <meta name="twitter:title" content="School of Philosophy (Main Venue) - 21st Quinquennial Congress of the International Musicological Society (IMS2022)"/> <link rel="dns-prefetch" href="https://maxcdn.bootstrapcdn.com/"/> <link rel="dns-prefetch" href="https://az659631.vo.msecnd.net/"/> <link rel="dns-prefetch" href="https://code.jquery.com/"/> <link rel="dns-prefetch" href="https://cdnjs.cloudflare.com/"/> <link rel="dns-prefetch" href="https://pcoconvin.eventsair.com/"/> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://pcoconvin.eventsair.com/ims22/", "name": "21st Quinquennial Congress of the International Musicological Society (IMS2022)", "potentialAction": { "@type": "SearchAction", "target": "https://pcoconvin.eventsair.com/ims22/?s={search_term_string}", "query-input": "required name=search_term_string" } } </script> <meta name="author" content="21st Quinquennial Congress of the International Musicological Society (IMS2022)"/> <meta name="robots" content="INDEX, FOLLOW"/> <meta name="keywords" content=""/> <link rel="stylesheet" href="../releases/v6.1.1/css/all.css" /> <link rel="stylesheet" href="../bootstrap/4.0.0/css/bootstrap.min.css" > <link href="../npm/select2-4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet"/> <link href="../EventWebsite/pcoconvin/box/box-v-14.0.1.1.css" rel="stylesheet" type="text/css"/> <link href="../EventWebsite/pcoconvin/assets/minimalist-basic/content-bootstrap-v-14.0.1.1.css" rel="stylesheet" type="text/css"/> <link href="../EventWebsite/pcoconvin/assets/scripts/simplelightbox/simplelightbox-v-14.0.1.1.css" rel="stylesheet" type="text/css"/> <link href="../EventWebsite/pcoconvin/content/site-v-14.0.1.1.css" rel="stylesheet" type="text/css"/> <link href="../EventWebsite/pcoconvin/content/flipclock-v-14.0.1.1.css" rel="stylesheet" type="text/css"/> <link href="../eventsairwesteuprod/production-pcoconvin-public/f941cfe8dbf242c788787be196afb047.css" rel="stylesheet" type="text/css"/>  <script src="../jquery-3.2.1.min.js" ></script> <script src="../EventWebsite/pcoconvin/scripts/flipclock.min-v-14.0.1.1.js" type="text/javascript"></script> <style> * {box-sizing: border-box} body {font-family: 'Manrope', sans-serif; margin:0} .mySlides {display: none} img {vertical-align: middle; max-width: 100%; height: auto;} /* Slideshow container */ .slideshow-container { max-width: 1000px; position: relative; margin: auto; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white!important; text-shadow: 2px 2px black; font-weight: bold; font-size: 40px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through .prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); } */ /* Caption text */ .text { color: #000; font-family: 'Manrope', sans-serif; font-size: 22px; padding: 8px 12px; position: absolute; bottom: -28px; width: 100%; text-align: center; } /* Number text (1/3 etc) .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } */ /* The dots/bullets/indicators */ .dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .active, .dot:hover { background-color: #717171; } /* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } /* On smaller screens, decrease text size */ @media only screen and (max-width: 400px) { .prev, .next,.text {font-size: 21px} } @media only screen and (max-width: 600px) { .mymap {display:none;} .mymediummap {display:none;} } @media only screen and (min-width: 601px) and (max-width: 825px) { .mymap {display:none;} .mysmallmap {display:none;} } @media only screen and (min-width: 826px) { .mysmallmap {display:none;} .mymediummap {display:none;} } </style> </head> <body> <script> var eventDateLookup = { year: 2022, month: 8, day: 22 } </script> <div class="is-wrapper" data-pagetype="MultiPage"> <div class="upper-header"> <div class="is-section is-box is-align-left is-bg-grey is-light-text is-section-30"> <div class="is-overlay"> <div class="is-overlay-content content-selectable" data-module="slider" data-module-desc="Slider" data-html="%3Cdiv%20id%3D%22USkjdCt%22%20class%3D%22slider-on-box%22%20style%3D%22width%3A100%25%3Bheight%3A100%25%3Bdisplay%3Anone%3B%22%3E%3Cdiv%20class%3D%22is-boxes%20slider-image%22%20style%3D%22background-image%3A%20url('https%3A%2F%2Faz659834.vo.msecnd.net%2Feventsairwesteuprod%2Fproduction-pcoconvin-public%2F7775e20b60b44eae8fc90560229e9216')%3B%22%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%3Cscript%3E%0Avar%20docReady%3Dfunction(fn)%7Bvar%20stateCheck%3DsetInterval(function%20()%7Bif(document.readyState!%3D%3D%22complete%22)return%3BclearInterval(stateCheck)%3Btry%7Bfn()%7Dcatch(e)%7B%7D%7D%2C1)%3B%7D%3B%0AdocReady(function()%20%7B%0AjQuery(%22%23USkjdCt%22).css(%22display%22%2C%22block%22)%3B%0AjQuery(%22%23USkjdCt%22).slick(%7B%0Adots%3A%20false%2Carrows%3A%20true%2Cinfinite%3A%20true%2Cspeed%3A%20500%2CcssEase%3A%20%22linear%22%2CslidesToShow%3A%201%2Cautoplay%3A%20true%2CautoplaySpeed%3A%203000%2Cfade%3A%20true%2CadaptiveHeight%3A%20true%2Cresponsive%3A%20%5B%7Bbreakpoint%3A%20480%2Csettings%3A%20%7Barrows%3A%20false%2CslidesToShow%3A%201%7D%7D%5D%0A%7D)%3B%0A%7D)%3B%0A%3C%2Fscript%3E" data-settings="%5B%7B%22auto%22%3Atrue%2C%22arrow%22%3Atrue%2C%22dots%22%3Afalse%2C%22fade%22%3Atrue%2C%22height%22%3A%22100%25%22%2C%22images%22%3A%5B%7B%22src%22%3A%20%22https%3A%2F%2Faz659834.vo.msecnd.net%2Feventsairwesteuprod%2Fproduction-pcoconvin-public%2F7775e20b60b44eae8fc90560229e9216%22%2C%20%22caption%22%3A%20%22%22%2C%20%22link%22%3A%20%22%22%2C%20%22width%22%3A%20%22%22%2C%20%22align%22%3A%20%22%22%2C%20%22position%22%3A%20%22undefined%22%7D%5D%7D%5D" data-module-active="1"><div id="USkjdCt" class="slider-on-box" style="width:100%;height:100%;display:none;"><div class="is-boxes slider-image" style="background-image: url('../eventsairwesteuprod/production-pcoconvin-public/7775e20b60b44eae8fc90560229e9216.jpg');"></div></div><script> var docReady=function(fn){var stateCheck=setInterval(function (){if(document.readyState!=="complete")return;clearInterval(stateCheck);try{fn()}catch(e){}},1);}; docReady(function() { jQuery("#USkjdCt").css("display","block"); jQuery("#USkjdCt").slick({ dots: false,arrows: true,infinite: true,speed: 500,cssEase: "linear",slidesToShow: 1,autoplay: true,autoplaySpeed: 3000,fade: true,adaptiveHeight: true,responsive: [{breakpoint: 480,settings: {arrows: false,slidesToShow: 1}}] }); }); </script></div> </div> <div class="is-boxes"> <div class="is-box-centered"> <div class="is-container is-builder container-fluid-fluid is-content-380" id="contentareaDCWkD5B"> <div class="row"><div class="col-md-12"> <p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p> </div></div> </div> </div> </div> </div> </div> <nav class="navbar navbar-expand-md navbar-dark bg-dark nav-brand" data-sticky="" data-opacity="1.0"> <a class="navbar-brand" href="#"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainnav"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="mainnav"> <div class="container"> <ul class="nav navbar-nav justify-content-center"> <li class="nav-item"> <a class="nav-link " href="">Welcome</a> </li><li class="nav-item dropdown "> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Committees</a> <div class="dropdown-menu"> <a class="dropdown-item" href="/">IMS Executive Committee</a><a class="dropdown-item" href="../ims22/organizing-committee">Local Organizing Committee</a><a class="dropdown-item" href="../ims22/program-committee-ims-2022">Program Committee</a> </div> </li><li class="nav-item dropdown "> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Program</a> <div class="dropdown-menu"> <a class="dropdown-item" href="../ims22/1st-announcement">1st Announcement</a><a class="dropdown-item" href="../ims22/program">Program</a><a class="dropdown-item" href="../ims22/plenary-speakers">Plenary Speakers</a> </div> </li><li class="nav-item dropdown "> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Social Events</a> <div class="dropdown-menu"> <a class="dropdown-item" href="../ims22/concerts">Concerts</a><a class="dropdown-item" href="../ims22/exhibitions-tours">Exhibitions & Tours</a> </div> </li><li class="nav-item"> <a class="nav-link " href="/">Abstract Submission</a> </li><li class="nav-item"> <a class="nav-link " href="../ims22/registration-new">Registration</a> </li><li class="nav-item dropdown "> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Sponsors</a> <div class="dropdown-menu"> <a class="dropdown-item" href="../ims22/sponsorshipexhibition-opportunities">Sponsorship & Exhibition Opportunities</a><a class="dropdown-item" href="/">Sponsors Acknowledgements </a> </div> </li><li class="nav-item dropdown "> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">General Information</a> <div class="dropdown-menu"> <a class="dropdown-item" href="../ims22/about-athens">About Athens</a><a class="dropdown-item" href="../ims22/useful-information">Useful Information</a><a class="dropdown-item" href="../ims22/school-of-philosophy-main-venue">School of Philosophy (Main Venue) </a><a class="dropdown-item" href="../ims22/music-library-lilian-voudouri-parallel-venue">Μusic Library “Lilian Voudouri” (Parallel Venue)</a><a class="dropdown-item" href="../ims22/accommodation">Accommodation</a><a class="dropdown-item" href="../ims22/covid-19-protocols">COVID-19 Protocols</a><a class="dropdown-item" href="../ims22/faqs-new">FAQs</a><a class="dropdown-item" href="../ims22/csr-sustainability">CSR & Sustainability</a> </div> </li><li class="nav-item"> <a class="nav-link " href="../ims22/contact-us">Contact</a> </li> </ul> </div> </div> </nav> <div id="timeZoneSelectorContainer" class="time-zone-selector-container" style="display: none"> <select id="selectedTimeZoneId" style="width: 400px"></select> </div> <div id="eventTimeZoneName" style="display: none">(UTC+02:00) Athens, Bucharest</div> <div class="is-section is-box is-section-100 is-bg-light is-dark-text"> <div class="is-boxes"> <div class="is-box-centered is-content-top"> <div class="is-container is-builder container-fluid-fluid" id="contentareaGTVwLYR"> <div class="row"><div class="col-md-12"> <h1 style="text-align:center;font-family: 'Manrope', sans-serif;">IMS2022 Congress Venue</h1> </div></div><div class="row"><div class="col-md-12"> <h3 style="text-align: center;font-family: 'Manrope', sans-serif;"><b><span style="color: rgb(0, 112, 192);">National and Kapodistrian University of Athens</span></b></h3> <h3 style="text-align: center;font-family: 'Manrope', sans-serif;"><b><span style="color: rgb(0, 112, 192);">School of Philosophy</span></b></h3> <h3 style="text-align: center;font-family: 'Manrope', sans-serif;"><b><span style="color: rgb(184, 140, 0);">The School, Past and Present</span></b></h3> <h3 style="text-align: center;"><b><span style="color: rgb(0, 112, 192);font-family: 'Manrope', sans-serif;"><br></span></b></h3><h3 style="text-align: center;"><b><span style="color: rgb(0, 112, 192);font-family: 'Manrope', sans-serif;">The Past</span></b></h3> <p style="text-align:justify;font-family: 'Manrope', sans-serif;">The School is the oldest and by far the largest School of Philosophy, i.e., of Arts and Humanities, in Greece. It was founded in 1837 as one of the first four Schools of the University along with Theology, Law, and Medicine. At the time it covered both Arts and Sciences, which explains its name; it was only in 1904 that the Sciences formed an independent new School of the University.</p> <p style="text-align:justify;font-family: 'Manrope', sans-serif;">It is interesting from the perspective of contemporary society to know that, according to the first Provisional Statutes, published in 1937 alongside the founding decree, the duration of studies was three years, but students of every subject other than the Arts, i.e., scientists, lawyers, theologians and medics were obliged to have an extra year of lectures and seminars in the Arts. </p> </div></div> <div class="row"><div class="col-md-12"> <h3 style="text-align: center;"><b><span style="color: rgb(0, 112, 192);font-family: 'Manrope', sans-serif;">The Present</span></b></h3> <p style="text-align:justify;font-family: 'Manrope', sans-serif;"><br>Having started life in Plaka with 18 students and 15 professors, the School of Philosophy now has a population of more than 23.000 students and a teaching staff of 300 tenured or tenure-track faculty, assisted by about 70 technicians and other teaching and research staff, spread over 13 Faculties, housed in the School of Philosophy building at the Campus on the western slopes of Mt Hymettus.</p> <p style="text-align:justify;font-family: 'Manrope', sans-serif;">The School of Greek as a Second Language hosts a further 1.500 students, a number expected to double as soon as the School moves to its own purpose-built premises south of the School of Philosophy.</p> <p style="text-align:justify;font-family: 'Manrope', sans-serif;font-family: 'Manrope', sans-serif;">The thirteen Faculties offer an equal number of undergraduate four- or five-year degree programs (some with different specializations corresponding to the Departments of the Faculty) and 25 postgraduate programs (some inter-departmental or inter-institutional and international) leading to Master's and Doctor's degrees. Several exchange agreements, chiefly within the Erasmus program, offer students the possibility of spending part of their studies abroad.</p> <p style="text-align:justify;font-family: 'Manrope', sans-serif;">The research carried out at the School of Philosophy has secured good ratings in international evaluations for the University of Athens in the field of Arts and Humanities. Apart from individual research, a large number of projects, several in collaboration with other universities in Greece and abroad, lead to publications and occasionally to marketable products, related mostly to teaching.</p> <p style="text-align:justify;font-family: 'Manrope', sans-serif;">Both teaching and research are supported by the library, the 24 laboratories and the 4 museums of the School. </p> <p style="text-align:justify;font-family: 'Manrope', sans-serif;">Faculties, Departments and Student groups organize conferences and various cultural events, including live performances, many of them at the central university building in the city center, to make them more accessible to the public. </p> </div></div><div class="row"><div class="col-md-12"> <h3 style="text-align: center;"><b><span style="color: rgb(0, 112, 192);font-family: 'Manrope', sans-serif;">School of Philosophy Photo Gallery</span></b></h3> </div></div> <div class="row"><div class="col-md-12"> <div class="slideshow-container"> <div class="mySlides ">  <img src="../eventsairwesteuprod/production-pcoconvin-public/c424c82825ac42568655b7a009530ca7.jpg" alt=""> <div class="text">School of Philosophy</div> </div> <div class="mySlides ">  <img src="../eventsairwesteuprod/production-pcoconvin-public/eabebe20f0f74ad9bfca5e48bde83fe1.jpg" alt=""> <div class="text">Aula 1</div> </div> <div class="mySlides ">  <img src="../eventsairwesteuprod/production-pcoconvin-public/ce2ecfd647364b9f9fb909e8346fe1c8.jpg" alt=""> <div class="text">Aula 2</div> </div> <div class="mySlides ">  <img src="../eventsairwesteuprod/production-pcoconvin-public/6402d7b4a7034f9698c8512345bd78a7.jpg" alt=""> <div class="text">Room 1</div> </div> <div class="mySlides ">  <img src="../eventsairwesteuprod/production-pcoconvin-public/076864e5722745709575d58f7913f93f.jpg" alt=""> <div class="text">Room 2</div> </div> <div class="mySlides ">  <div class="text">Room 3</div> </div> <div class="mySlides ">  <img src="../eventsairwesteuprod/production-pcoconvin-public/ca2d4b46ca734364bf5b941fa6321271.jpg" alt=""> <div class="text">Hall 1</div> </div> <div class="mySlides ">  <div class="text">School Library</div> </div> <div class="mySlides ">  <img src="../eventsairwesteuprod/production-pcoconvin-public/deae8b7160c045dfad979f1d7c482f52.jpg" alt=""> <div class="text">4th Floor Patio</div> </div> <div class="mySlides ">  <img src="../eventsairwesteuprod/production-pcoconvin-public/22a44af775f34f6999648c83aeb96a5c.jpg" alt=""> <div class="text">Conference Hall</div> </div> <div class="mySlides ">  <div class="text">Archaeological Museum 1</div> </div> <div class="mySlides ">  <div class="text">Archaeological Museum 2</div> </div> <a class="prev" onclick="plusSlides(-1)">❮</a> <a class="next" onclick="plusSlides(1)">❯</a> </div> <br> <br> <div style="text-align:center"> <span class="dot" onclick="currentSlide(1)"></span> <span class="dot" onclick="currentSlide(2)"></span> <span class="dot" onclick="currentSlide(3)"></span> <span class="dot" onclick="currentSlide(4)"></span> <span class="dot" onclick="currentSlide(5)"></span> <span class="dot" onclick="currentSlide(6)"></span> <span class="dot" onclick="currentSlide(7)"></span> <span class="dot" onclick="currentSlide(8)"></span> <span class="dot" onclick="currentSlide(9)"></span> <span class="dot" onclick="currentSlide(10)"></span> <span class="dot" onclick="currentSlide(11)"></span> <span class="dot" onclick="currentSlide(12)"></span> </div> </div></div> <div class="row"> <div class="col-md-12"> <br><br> </div> </div> <div class="row"><div class="col-md-12 mymap"> <p style="text-align: center; font-family: Manrope, sans-serif;">School of Philosophy location:</p><p style="text-align: center;"><iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3145.3440572148606!2d23.781329767251545!3d37.969099247697045!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x845acbc6edd6d9b7!2sSchool%20of%20Philosophy!5e0!3m2!1sen!2sgr!4v1607359926216!5m2!1sen!2sgr" width="800" height="600" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe></p></div></div><div class="row"><div class="col-md-12 mymediummap"> <p style="text-align: center; font-family: Manrope, sans-serif;">School of Philosophy location:</p><p style="text-align: center;"><iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3145.346252781445!2d23.780842!3d37.969048!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x845acbc6edd6d9b7!2sSchool%20of%20Philosophy!5e0!3m2!1sen!2sgr!4v1607898674827!5m2!1sen!2sgr" width="467" height="350" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe></p></div></div><div class="row"><div class="col-md-12 mysmallmap"> <p style="text-align: center; font-family: Manrope, sans-serif;">School of Philosophy location:</p><p style="text-align: center;"><iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3145.346252781445!2d23.780842!3d37.969048!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x845acbc6edd6d9b7!2sSchool%20of%20Philosophy!5e0!3m2!1sen!2sgr!4v1607898674827!5m2!1sen!2sgr" width="307" height="250" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe></p></div></div> </div> </div> </div> </div> </div> <script src="../bootstrap/4.0.0/js/bootstrap.min.js" ></script> <script src="../ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js" type="text/javascript"></script> <script src="../ajax/libs/handlebars_js/4.0.11/handlebars.min.js" type="text/javascript"></script> <script src="../ajax/libs/moment_js/2.29.1/moment.min.js" type="text/javascript"></script> <script src="../ajax/libs/moment-timezone/0.5.33/moment-timezone-with-data.js" type="text/javascript"></script> <script src="../npm/select2-4.1.0-rc.0/dist/js/select2.min.js"></script> <script src="../ajax/libs/lodash_js/4.17.21/lodash.min.js"></script> <script src="../EventWebsite/pcoconvin/box/box-v-14.0.1.1.js" type="text/javascript"></script> <script src="../EventWebsite/pcoconvin/scripts/site-v-14.0.1.1.js" type="text/javascript"></script> <script src="../EventWebsite/pcoconvin/assets/scripts/simplelightbox/simple-lightbox.min-v-14.0.1.1.js" type="text/javascript"></script> <script src="../EventWebsite/pcoconvin/scripts/jslinq.min-v-14.0.1.1.js" type="text/javascript"></script> <script> var siteSettinsg = { jsonDataUrl: '', handlebarTemplatesUrl: '' }; </script> <div class="modal branded" tabindex="-1" role="dialog" id="GenericModal"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <div id="GenericModalHeaderContent"> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div id="GenericModalContent"></div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script> var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("dot"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active"; } </script> </body> </html>