{"id":6947,"date":"2025-05-07T06:35:04","date_gmt":"2025-05-07T06:35:04","guid":{"rendered":"https:\/\/panelbiblio.uca.es\/?page_id=6947"},"modified":"2026-06-10T11:23:54","modified_gmt":"2026-06-10T11:23:54","slug":"prueba-carteleria","status":"publish","type":"page","link":"https:\/\/panelbiblio.uca.es\/index.php\/prueba-carteleria\/","title":{"rendered":"Carteler\u00eda"},"content":{"rendered":"<div class=\"slider\">\r\n<div class=\"slide active\"><video preload=\"auto\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\">\r\n      <source src=\"https:\/\/panelbiblio.uca.es\/wp-content\/uploads\/2026\/03\/Nuevo-Video-Totem.mp4\" \/>\r\n    <\/video><\/div>\r\n<div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/panelbiblio.uca.es\/wp-content\/uploads\/2026\/04\/totem_caballero-copia.png\" alt=\"\" \/><\/div>\r\n<div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/panelbiblio.uca.es\/wp-content\/uploads\/2026\/06\/Totem-Foti.png\" alt=\"\" \/><\/div>\r\n<div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/panelbiblio.uca.es\/wp-content\/uploads\/2026\/06\/Totem-Vallejo.png\" alt=\"\" \/><\/div>\r\n<div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/panelbiblio.uca.es\/wp-content\/uploads\/2026\/03\/Bibliobooks.png\" alt=\"\" \/><\/div>\r\n<\/div>\r\n<div class=\"overlay-texto\">TOCA PARA NAVEGAR<\/div>\r\n<p><style>\r\n\r\nhtml, body {\r\n  margin: 0;\r\n  padding: 0;\r\n  overflow: hidden;\r\n  height: 100%;\r\n  width: 100%;\r\n}\r\n\r\n{\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\nhtml, body {\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: black;\r\n  overflow: hidden;\r\n}\r\n\r\n.slider {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  overflow: hidden;\r\n  z-index: 9999;\r\n}\r\n\r\n.slide {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: 0;\r\n  transition: opacity 1s ease-in-out;\r\n}\r\n\r\n.slide.active {\r\n  opacity: 1;\r\n}\r\n\r\n.slide img,\r\n.slide video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.overlay-texto {\r\n  position: absolute;\r\n  bottom: 30px;\r\n  right: 30px;\r\n  background-color: rgba(100, 100, 100, 0.5);\r\n  color: white;\r\n  font-size: 1.5em;\r\n  font-family: 'Roboto', sans-serif;\r\n  padding: 15px 25px;\r\n  border-radius: 12px;\r\n  z-index: 10000;\r\n  pointer-events: none;\r\n}\r\n\r\nvideo::before {\r\n  content: none !important;\r\n}\r\n\r\nvideo::-webkit-media-controls-start-playback-button {\r\n  display: none !important;\r\n  -webkit-appearance: none;\r\n}\r\n\r\n<\/style> <script>\r\n\r\nlet slides = [];\r\nlet current = 0;\r\n\r\nfunction showNextSlide() {\r\n\r\n  slides[current].classList.remove('active');\r\n\r\n  const prevVideo = slides[current].querySelector('video');\r\n  if (prevVideo) {\r\n    prevVideo.pause();\r\n    prevVideo.currentTime = 0;\r\n  }\r\n\r\n  current = (current + 1) % slides.length;\r\n\r\n  slides[current].classList.add('active');\r\n\r\n  const currentSlide = slides[current];\r\n  const currentVideo = currentSlide.querySelector('video');\r\n\r\n  if (currentVideo) {\r\n\r\n    const proceed = () => {\r\n      const duration = (!isNaN(currentVideo.duration) && currentVideo.duration > 0)\r\n        ? currentVideo.duration\r\n        : 5;\r\n\r\n      currentVideo.currentTime = 0;\r\n      currentVideo.play();\r\n\r\n      setTimeout(showNextSlide, duration * 1000);\r\n    };\r\n\r\n    if (currentVideo.readyState >= 1) {\r\n      proceed();\r\n    } else {\r\n      currentVideo.addEventListener('loadedmetadata', proceed, { once: true });\r\n    }\r\n\r\n  } else {\r\n\r\n    setTimeout(showNextSlide, 5000);\r\n\r\n  }\r\n\r\n}\r\n\r\nwindow.addEventListener('load', () => {\r\n\r\n  slides = document.querySelectorAll('.slide');\r\n\r\n  const firstSlide = document.querySelector('.slide.active');\r\n  const firstVideo = firstSlide.querySelector('video');\r\n\r\n  if (firstVideo) {\r\n\r\n    const handleFirstVideo = () => {\r\n      const duration = (!isNaN(firstVideo.duration) && firstVideo.duration > 0)\r\n        ? firstVideo.duration\r\n        : 5;\r\n\r\n      firstVideo.currentTime = 0;\r\n      firstVideo.play();\r\n\r\n      setTimeout(showNextSlide, duration * 1000);\r\n    };\r\n\r\n    if (firstVideo.readyState >= 1) {\r\n      handleFirstVideo();\r\n    } else {\r\n      firstVideo.addEventListener('loadedmetadata', handleFirstVideo);\r\n    }\r\n\r\n  } else {\r\n\r\n    setTimeout(showNextSlide, 5000);\r\n\r\n  }\r\n\r\n});\r\n\r\nwindow.addEventListener('load', function () {\r\n\r\n  let touched = false;\r\n\r\n  function handleInteraction() {\r\n    if (!touched) {\r\n      touched = true;\r\n      window.location.href = 'https:\/\/panelbiblio.uca.es\/';\r\n    }\r\n  }\r\n\r\n  document.addEventListener('click', handleInteraction);\r\n  document.addEventListener('touchstart', handleInteraction);\r\n\r\n});\r\n\r\n<\/script><\/p>\r\n<!-- \/wp:post-content -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>&nbsp;<\/p>\r\n<!-- \/wp:paragraph -->","protected":false},"excerpt":{"rendered":"<p>TOCA PARA NAVEGAR &nbsp;<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-6947","page","type-page","status-publish","hentry"],"publishpress_future_action":{"enabled":false,"date":"2026-06-20 08:44:59","action":"change-status","newStatus":"draft","terms":[],"taxonomy":""},"_links":{"self":[{"href":"https:\/\/panelbiblio.uca.es\/index.php\/wp-json\/wp\/v2\/pages\/6947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/panelbiblio.uca.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/panelbiblio.uca.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/panelbiblio.uca.es\/index.php\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/panelbiblio.uca.es\/index.php\/wp-json\/wp\/v2\/comments?post=6947"}],"version-history":[{"count":180,"href":"https:\/\/panelbiblio.uca.es\/index.php\/wp-json\/wp\/v2\/pages\/6947\/revisions"}],"predecessor-version":[{"id":7387,"href":"https:\/\/panelbiblio.uca.es\/index.php\/wp-json\/wp\/v2\/pages\/6947\/revisions\/7387"}],"wp:attachment":[{"href":"https:\/\/panelbiblio.uca.es\/index.php\/wp-json\/wp\/v2\/media?parent=6947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}