{"id":66,"date":"2026-02-03T12:58:21","date_gmt":"2026-02-03T12:58:21","guid":{"rendered":"http:\/\/lauramariebech.dk\/?p=66"},"modified":"2026-02-03T12:58:21","modified_gmt":"2026-02-03T12:58:21","slug":"karrusel-2sem-exd-2026","status":"publish","type":"post","link":"https:\/\/lauramariebech.dk\/?p=66","title":{"rendered":"Karrusel 2sem EXD 2026"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Her er billederne&#8230;<\/p>\n\n\n\n\n<style>\n  * {\n    box-sizing: border-box;\n  }\n  body {\n    font-family: Verdana, sans-serif;\n    margin: 0;\n  }\n  .mySlides {\n    display: none;\n  }\n  img {\n    vertical-align: middle;\n  }\n\n  \/* Slideshow container *\/\n  .slideshow-container {\n    max-width: 1000px;\n    position: relative;\n    margin: auto;\n  }\n\n  \/* Next & previous buttons *\/\n  .prev,\n  .next {\n    cursor: pointer;\n    position: absolute;\n    top: 50%;\n    width: auto;\n    padding: 16px;\n    margin-top: -22px;\n    color: white;\n    font-weight: bold;\n    font-size: 18px;\n    transition: 0.6s ease;\n    border-radius: 0 3px 3px 0;\n    user-select: none;\n  }\n\n  \/* Position the \"next button\" to the right *\/\n  .next {\n    right: 0;\n    border-radius: 3px 0 0 3px;\n  }\n\n  \/* On hover, add a black background color with a little bit see-through *\/\n  .prev:hover,\n  .next:hover {\n    background-color: rgba(0, 0, 0, 0.8);\n  }\n\n  \/* Caption text *\/\n  .text {\n    color: #f2f2f2;\n    font-size: 15px;\n    padding: 8px 12px;\n    position: absolute;\n    bottom: 8px;\n    width: 100%;\n    text-align: center;\n  }\n\n  \/* Number text (1\/3 etc) *\/\n  .numbertext {\n    color: #f2f2f2;\n    font-size: 12px;\n    padding: 8px 12px;\n    position: absolute;\n    top: 0;\n  }\n\n  \/* The dots\/bullets\/indicators *\/\n  .dot {\n    cursor: pointer;\n    height: 15px;\n    width: 15px;\n    margin: 0 2px;\n    background-color: #bbb;\n    border-radius: 50%;\n    display: inline-block;\n    transition: background-color 0.6s ease;\n  }\n\n  .active,\n  .dot:hover {\n    background-color: #717171;\n  }\n\n  \/* Fading animation *\/\n  .fade {\n    animation-name: fade;\n    animation-duration: 1.5s;\n  }\n\n  @keyframes fade {\n    from {\n      opacity: 0.4;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  \/* On smaller screens, decrease text size *\/\n  @media only screen and (max-width: 300px) {\n    .prev,\n    .next,\n    .text {\n      font-size: 11px;\n    }\n  }\n<\/style>\n\n<div class=\"slideshow-container\">\n  <!--billede 1 -->\n  <div class=\"mySlides fade\">\n    <div class=\"numbertext\">1 \/ 3<\/div>\n    <img decoding=\"async\"\n      src=\"http:\/\/lauramariebech.dk\/wp-content\/uploads\/2026\/02\/Billede-12.jpeg\"\n      style=\"width: 100%\"\n    \/>\n    <div class=\"text\">Caption Text<\/div>\n  <\/div>\n\n  <!--billede 2 -->\n  <div class=\"mySlides fade\">\n    <div class=\"numbertext\">2 \/ 3<\/div>\n    <img decoding=\"async\"\n      src=\"http:\/\/lauramariebech.dk\/wp-content\/uploads\/2026\/02\/Billede-6-2.jpeg\"\n      style=\"width: 100%\"\n    \/>\n    <div class=\"text\">Caption Two<\/div>\n  <\/div>\n\n  <!--billede 3 -->\n  <div class=\"mySlides fade\">\n    <div class=\"numbertext\">3 \/ 3<\/div>\n    <img decoding=\"async\"\n      src=\"http:\/\/lauramariebech.dk\/wp-content\/uploads\/2026\/02\/Billede.jpeg\"\n      style=\"width: 100%\"\n    \/>\n    <div class=\"text\">Caption Three<\/div>\n  <\/div>\n\n  <a class=\"prev\" onclick=\"plusSlides(-1)\">\u276e<\/a>\n  <a class=\"next\" onclick=\"plusSlides(1)\">\u276f<\/a>\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>\n  let slideIndex = 1;\n  showSlides(slideIndex);\n\n  function plusSlides(n) {\n    showSlides((slideIndex += n));\n  }\n\n  function currentSlide(n) {\n    showSlides((slideIndex = n));\n  }\n\n  function showSlides(n) {\n    let i;\n    let slides = document.getElementsByClassName(\"mySlides\");\n    let dots = document.getElementsByClassName(\"dot\");\n    if (n > slides.length) {\n      slideIndex = 1;\n    }\n    if (n < 1) {\n      slideIndex = slides.length;\n    }\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\n<!--slet body og html-->\n\n","protected":false},"excerpt":{"rendered":"<p>Her er billederne&#8230; 1 \/ 3 Caption Text 2 \/ 3 Caption Two 3 \/ 3 Caption Three \u276e \u276f<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-66","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/lauramariebech.dk\/index.php?rest_route=\/wp\/v2\/posts\/66","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lauramariebech.dk\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lauramariebech.dk\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lauramariebech.dk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lauramariebech.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=66"}],"version-history":[{"count":1,"href":"https:\/\/lauramariebech.dk\/index.php?rest_route=\/wp\/v2\/posts\/66\/revisions"}],"predecessor-version":[{"id":67,"href":"https:\/\/lauramariebech.dk\/index.php?rest_route=\/wp\/v2\/posts\/66\/revisions\/67"}],"wp:attachment":[{"href":"https:\/\/lauramariebech.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=66"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lauramariebech.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=66"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lauramariebech.dk\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=66"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}