{"id":5613,"date":"2022-05-17T13:49:24","date_gmt":"2022-05-17T18:49:24","guid":{"rendered":"https:\/\/www.conservatoriodelasrosas.edu.mx\/Web\/?page_id=5613"},"modified":"2022-05-24T13:49:17","modified_gmt":"2022-05-24T18:49:17","slug":"pruebas-de-carrusel","status":"publish","type":"page","link":"https:\/\/www.conservatoriodelasrosas.edu.mx\/Web\/pruebas-de-carrusel\/","title":{"rendered":"Pruebas de carrusel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5613\" class=\"elementor elementor-5613\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9756344 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9756344\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-45a3a80\" data-id=\"45a3a80\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0fffc9b elementor-widget elementor-widget-html\" data-id=\"0fffc9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\t* {box-sizing: border-box}\n\tbody {font-family: Verdana, sans-serif; margin:0}\n\t.mySlides {display: none}\n\timg {vertical-align: middle;}\n\n\t\/* Slideshow container *\/\n\t.slideshow-container {\n\t\t\n\t\tposition: relative;\n\t\t\/* margin: auto; *\/\n\t}\n\n\t\/* Next & previous buttons *\/\n\t.prev, .next {\n\t\tcursor: pointer;\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\twidth: auto;\n\t\tpadding: 16px;\n\t\tmargin-top: -22px;\n\t\tcolor: white;\n\t\tfont-weight: bold;\n\t\tfont-size: 18px;\n\t\ttransition: 0.6s ease;\n\t\tborder-radius: 0 3px 3px 0;\n\t\tuser-select: none;\n\t}\n\n\t\/* Position the \"next button\" to the right *\/\n\t.next {\n\t\tright: 0;\n\t\tborder-radius: 3px 0 0 3px;\n\t}\n\n\t\/* On hover, add a black background color with a little bit see-through *\/\n\t.prev:hover, .next:hover {\n\t\tbackground-color: rgba(00,125,97,8);\n\t}\n\n\t\/* Caption text *\/\n\t.text {\n\t\tcolor: #f2f2f2;\n\t\tfont-size: 15px;\n\t\tpadding: 8px 12px;\n\t\tposition: absolute;\n\t\tbottom: 8px;\n\t\twidth: 100%;\n\t\ttext-align: center;\n\t}\n\n\t\/* Number text (1\/3 etc) *\/\n\t\t.numbertext {\n\t\tcolor: #f2f2f2;\n\t\tfont-size: 12px;\n\t\tpadding: 8px 12px;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t}\n\n\t\/* The dots\/bullets\/indicators *\/\n\t.dot {\n\t\tcursor: pointer;\n\t\theight: 15px;\n\t\twidth: 15px;\n\t\tmargin: 0 2px;\n\t\tbackground-color: #bbb;\n\t\tborder-radius: 50%;\n\t\tdisplay: inline-block;\n\t\ttransition: background-color 0.6s ease;\n\t} \n\n\t.active, .dot:hover {\n\t\tbackground-color: #717171;\n\t}\n\n\t\/* Fading animation *\/\n\t.fade {\n\t\tanimation-name: fade;\n\t\tanimation-duration: 1.5s;\n\t}\n\n\t@keyframes fade {\n\t\tfrom {opacity: .4} \n\t\tto {opacity: 1}\n\t}\n\n\t\/* On smaller screens, decrease text size *\/\n\t@media only screen and (max-width: 300px) {\n\t\t.prev, .next,.text {font-size: 11px}\n\t}\n<\/style>\n\n<div class=\"slideshow-container\">\n\n\t<div class=\"mySlides fade\">\n\t\t<div class=\"numbertext\">1 \/ 3<\/div>\n\t\t<img decoding=\"async\" src=\"https:\/\/allsmilesortho.ca\/wp-content\/uploads\/2018\/04\/Screen-Shot-2018-04-17-at-9.34.10-AM.png\" style=\"width:100%\">\n\t\t<div class=\"text\"><\/div>\n\t<\/div>\n\n\t<div class=\"mySlides fade\">\n\t  <div class=\"numbertext\">2 \/ 3<\/div>\n\t  <img decoding=\"async\" src=\"https:\/\/small-innovation.com\/wp-content\/uploads\/2020\/02\/avatar-2191932_1920.png\">\n\t  <div class=\"text\"><\/div>\n\t<\/div>\n\n\t<div class=\"mySlides fade\">\n\t  <div class=\"numbertext\">3 \/ 3<\/div>\n\t  <img decoding=\"async\" src=\"https:\/\/www.usunlocked.com\/wp-content\/uploads\/2016\/07\/load-card-bank-transfer.png\">\n\t  <div class=\"text\"><\/div>\n\t<\/div>\n\n\t<a class=\"prev\" onclick=\"plusSlides(-1)\">\u276e<\/a>\n\t<a class=\"next\" onclick=\"plusSlides(1)\">\u276f<\/a>\n\n<\/div>\n<br>\n\n<div style=\"text-align:center\">\n  <span class=\"dot\" onclick=\"currentSlide(1)\"><\/span> \n  <span class=\"dot\" onclick=\"currentSlide(2)\"><\/span> \n  <span class=\"dot\" onclick=\"currentSlide(3)\"><\/span> \n<\/div>\n\n<script>\nlet slideIndex = 1;\nshowSlides(slideIndex);\n\nfunction plusSlides(n) {\n  showSlides(slideIndex += n);\n}\n\nfunction currentSlide(n) {\n  showSlides(slideIndex = n);\n}\n\nfunction showSlides(n) {\n  let i;\n  let slides = document.getElementsByClassName(\"mySlides\");\n  let dots = document.getElementsByClassName(\"dot\");\n  if (n > slides.length) {slideIndex = 1}    \n  if (n < 1) {slideIndex = slides.length}\n  for (i = 0; i < slides.length; i++) {\n    slides[i].style.display = \"none\";  \n  }\n  for (i = 0; i < dots.length; i++) {\n    dots[i].className = dots[i].className.replace(\" active\", \"\");\n  }\n  slides[slideIndex-1].style.display = \"block\";  \n  dots[slideIndex-1].className += \" active\";\n}\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>1 \/ 3 2 \/ 3 3 \/ 3 \u276e \u276f<\/p>\n","protected":false},"author":4,"featured_media":5643,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5613","page","type-page","status-publish","has-post-thumbnail","hentry","clearfix"],"_links":{"self":[{"href":"https:\/\/www.conservatoriodelasrosas.edu.mx\/Web\/wp-json\/wp\/v2\/pages\/5613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.conservatoriodelasrosas.edu.mx\/Web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.conservatoriodelasrosas.edu.mx\/Web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.conservatoriodelasrosas.edu.mx\/Web\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.conservatoriodelasrosas.edu.mx\/Web\/wp-json\/wp\/v2\/comments?post=5613"}],"version-history":[{"count":34,"href":"https:\/\/www.conservatoriodelasrosas.edu.mx\/Web\/wp-json\/wp\/v2\/pages\/5613\/revisions"}],"predecessor-version":[{"id":5741,"href":"https:\/\/www.conservatoriodelasrosas.edu.mx\/Web\/wp-json\/wp\/v2\/pages\/5613\/revisions\/5741"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.conservatoriodelasrosas.edu.mx\/Web\/wp-json\/wp\/v2\/media\/5643"}],"wp:attachment":[{"href":"https:\/\/www.conservatoriodelasrosas.edu.mx\/Web\/wp-json\/wp\/v2\/media?parent=5613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}