{"id":2859,"date":"2024-09-02T12:18:07","date_gmt":"2024-09-02T12:18:07","guid":{"rendered":"https:\/\/thoth.dk\/?p=2859"},"modified":"2026-02-19T20:45:08","modified_gmt":"2026-02-19T20:45:08","slug":"en-karrusel","status":"publish","type":"post","link":"https:\/\/thoth.dk\/index.php\/2024\/09\/02\/en-karrusel\/","title":{"rendered":"Karrusel med &#8220;Tilpasset HTML&#8221; blokken"},"content":{"rendered":"\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">S\u00e5dan kunne l\u00f8sningen se ud, n\u00e5r du implementerer en karrusel fra W3 Schools i en &#8220;Tilpasset HTML&#8221; blok.<\/p>\n<\/blockquote>\n\n\n\n<style>\n    * {box-sizing: border-box}\n    body {font-family: Verdana, sans-serif; margin:0}\n    .mySlides {display: none}\n    img {vertical-align: middle;}\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, .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, .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, .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 {opacity: .4} \n      to {opacity: 1}\n    }\n    \n    \/* On smaller screens, decrease text size *\/\n    @media only screen and (max-width: 300px) {\n      .prev, .next,.text {font-size: 11px}\n    }\n    <\/style>\n  <div>\n    <div class=\"slideshow-container\">\n    \n    <div class=\"mySlides fade\">\n      <div class=\"numbertext\">1 \/ 3<\/div>\n      <img decoding=\"async\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2024\/01\/witch-edited.jpeg\" style=\"width:100%\">\n      <div class=\"text\">Caption Text<\/div>\n    <\/div>\n    \n    <div class=\"mySlides fade\">\n      <div class=\"numbertext\">2 \/ 3<\/div>\n      <img decoding=\"async\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2024\/01\/superwoman-coder-edited.jpeg\" style=\"width:100%\">\n      <div class=\"text\">Caption Two<\/div>\n    <\/div>\n    \n    <div class=\"mySlides fade\">\n      <div class=\"numbertext\">3 \/ 3<\/div>\n      <img decoding=\"async\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2024\/01\/hugin-munin.jpeg\" style=\"width:100%\">\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    \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<\/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) {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\n\n\n<h3 class=\"wp-block-heading\">CSS, HTML &amp; JavaScript<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Herunder ser du indholdet i blokken \"Tilpasset HTML\":<\/p>\n\n\n\n<pre class=\"wp-block-code alignwide has-small-font-size\"><code>&lt;!-- Begynd med CSS -->\n&lt;style>\n    * {box-sizing: border-box}\n    body {font-family: Verdana, sans-serif; margin:0}\n    .mySlides {display: none}\n    img {vertical-align: middle;}\n    \n    \/* Slideshow container *\/\n    .slideshow-container {\n      max-width: 1000px;\n      position: relative;\n      margin: auto;\n    }\n    \n    \/* Next &amp; previous buttons *\/\n    .prev, .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, .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, .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 {opacity: .4} \n      to {opacity: 1}\n    }\n    \n    \/* On smaller screens, decrease text size *\/\n    @media only screen and (max-width: 300px) {\n      .prev, .next,.text {font-size: 11px}\n    }\n    &lt;\/style>\n\n&lt;!-- Her kommer HTML -->\n  &lt;div>\n    &lt;div class=\"slideshow-container\">\n    \n    &lt;div class=\"mySlides fade\">\n      &lt;div class=\"numbertext\">1 \/ 3&lt;\/div>\n\n   &lt;!-- Billedernes SRC kan findes i mediebiblioteket i WP -->\n      &lt;img src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2024\/01\/witch-edited.jpeg\" style=\"width:100%\">\n      &lt;div class=\"text\">Caption Text&lt;\/div>\n    &lt;\/div>\n    \n    &lt;div class=\"mySlides fade\">\n      &lt;div class=\"numbertext\">2 \/ 3&lt;\/div>\n      &lt;img src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2024\/01\/superwoman-coder-edited.jpeg\" style=\"width:100%\">\n      &lt;div class=\"text\">Caption Two&lt;\/div>\n    &lt;\/div>\n    \n    &lt;div class=\"mySlides fade\">\n      &lt;div class=\"numbertext\">3 \/ 3&lt;\/div>\n      &lt;img src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2024\/01\/hugin-munin.jpeg\" style=\"width:100%\">\n      &lt;div class=\"text\">Caption Three&lt;\/div>\n    &lt;\/div>\n    \n    &lt;a class=\"prev\" onclick=\"plusSlides(-1)\">\u276e&lt;\/a>\n    &lt;a class=\"next\" onclick=\"plusSlides(1)\">\u276f&lt;\/a>\n    \n    &lt;\/div>\n    &lt;br>\n    \n    &lt;div style=\"text-align:center\">\n      &lt;span class=\"dot\" onclick=\"currentSlide(1)\">&lt;\/span> \n      &lt;span class=\"dot\" onclick=\"currentSlide(2)\">&lt;\/span> \n      &lt;span class=\"dot\" onclick=\"currentSlide(3)\">&lt;\/span> \n    &lt;\/div>\n&lt;\/div>\n    \n&lt;-- Javascript -->\n    &lt;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) {slideIndex = 1}    \n      if (n &lt; 1) {slideIndex = slides.length}\n      for (i = 0; i &lt; slides.length; i++) {\n        slides&#91;i].style.display = \"none\";  \n      }\n      for (i = 0; i &lt; dots.length; i++) {\n        dots&#91;i].className = dots&#91;i].className.replace(\" active\", \"\");\n      }\n      slides&#91;slideIndex-1].style.display = \"block\";  \n      dots&#91;slideIndex-1].className += \" active\";\n    }\n    &lt;\/script><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Kilde: <a href=\"https:\/\/www.w3schools.com\/howto\/tryit.asp?filename=tryhow_js_slideshow\">https:\/\/www.w3schools.com\/howto\/tryit.asp?filename=tryhow_js_slideshow<\/a> <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Karrusel i &#8220;Tilpasset HTML&#8221; blok.<\/p>\n","protected":false},"author":1,"featured_media":4937,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[23,21],"tags":[52,51,53,48,50,49],"class_list":["post-2859","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-dk","tag-css","tag-html","tag-javascript","tag-karrusel","tag-programmering","tag-tilpasset-kode"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Karrusel med &quot;Tilpasset HTML&quot; blokken - Wordpress og WooCommerce<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thoth.dk\/index.php\/2024\/09\/02\/en-karrusel\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Karrusel med &quot;Tilpasset HTML&quot; blokken - Wordpress og WooCommerce\" \/>\n<meta property=\"og:description\" content=\"Karrusel i &quot;Tilpasset HTML&quot; blok.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thoth.dk\/index.php\/2024\/09\/02\/en-karrusel\/\" \/>\n<meta property=\"og:site_name\" content=\"Wordpress og WooCommerce\" \/>\n<meta property=\"article:published_time\" content=\"2024-09-02T12:18:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-19T20:45:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/unge-gatur-eaaa-1024x683.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"683\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Per Thykj\u00e6r Jensen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Skrevet af\" \/>\n\t<meta name=\"twitter:data1\" content=\"Per Thykj\u00e6r Jensen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/09\\\/02\\\/en-karrusel\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/09\\\/02\\\/en-karrusel\\\/\"},\"author\":{\"name\":\"Per Thykj\u00e6r Jensen\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\"},\"headline\":\"Karrusel med &#8220;Tilpasset HTML&#8221; blokken\",\"datePublished\":\"2024-09-02T12:18:07+00:00\",\"dateModified\":\"2026-02-19T20:45:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/09\\\/02\\\/en-karrusel\\\/\"},\"wordCount\":57,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/09\\\/02\\\/en-karrusel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/unge-gatur-eaaa.png\",\"keywords\":[\"CSS\",\"HTML\",\"JavaScript\",\"karrusel\",\"Programmering\",\"Tilpasset kode\"],\"articleSection\":[\"Tutorials\",\"\ud83c\udde9\ud83c\uddf0 Danske Tutorials\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/09\\\/02\\\/en-karrusel\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/09\\\/02\\\/en-karrusel\\\/\",\"url\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/09\\\/02\\\/en-karrusel\\\/\",\"name\":\"Karrusel med \\\"Tilpasset HTML\\\" blokken - Wordpress og WooCommerce\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/09\\\/02\\\/en-karrusel\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/09\\\/02\\\/en-karrusel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/unge-gatur-eaaa.png\",\"datePublished\":\"2024-09-02T12:18:07+00:00\",\"dateModified\":\"2026-02-19T20:45:08+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/09\\\/02\\\/en-karrusel\\\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/09\\\/02\\\/en-karrusel\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/09\\\/02\\\/en-karrusel\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/unge-gatur-eaaa.png\",\"contentUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/unge-gatur-eaaa.png\",\"width\":1536,\"height\":1024,\"caption\":\"CoPilot: studerende p\u00e5 g\u00e5tur p\u00e5 Erhvervsakademi Aarhus.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2024\\\/09\\\/02\\\/en-karrusel\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thoth.dk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Karrusel med &#8220;Tilpasset HTML&#8221; blokken\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/#website\",\"url\":\"https:\\\/\\\/thoth.dk\\\/\",\"name\":\"Wordpress og WooCommerce\",\"description\":\"Syv kreative dage med WordPress og WooCommerce\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thoth.dk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\",\"name\":\"Per Thykj\u00e6r Jensen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g\",\"caption\":\"Per Thykj\u00e6r Jensen\"},\"description\":\"P\u00e5 Thoth.dk kan du finde tutorials og artikler om udvikling af websites med WordPress og online shopping med WooCommerce. Der er fokus p\u00e5 de nyeste blokbaserede temaer og metoder. Materialer og tutorials er udviklet af Per Thykj\u00e6r Jensen, lektor p\u00e5 Multimediedesigneruddannelsen ved Erhvervsakademi Aarhus.\",\"sameAs\":[\"https:\\\/\\\/thoth.dk\"],\"url\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/author\\\/per\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Karrusel med \"Tilpasset HTML\" blokken - Wordpress og WooCommerce","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thoth.dk\/index.php\/2024\/09\/02\/en-karrusel\/","og_locale":"da_DK","og_type":"article","og_title":"Karrusel med \"Tilpasset HTML\" blokken - Wordpress og WooCommerce","og_description":"Karrusel i \"Tilpasset HTML\" blok.","og_url":"https:\/\/thoth.dk\/index.php\/2024\/09\/02\/en-karrusel\/","og_site_name":"Wordpress og WooCommerce","article_published_time":"2024-09-02T12:18:07+00:00","article_modified_time":"2026-02-19T20:45:08+00:00","og_image":[{"width":1024,"height":683,"url":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/unge-gatur-eaaa-1024x683.png","type":"image\/png"}],"author":"Per Thykj\u00e6r Jensen","twitter_card":"summary_large_image","twitter_misc":{"Skrevet af":"Per Thykj\u00e6r Jensen","Estimeret l\u00e6setid":"1 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thoth.dk\/index.php\/2024\/09\/02\/en-karrusel\/#article","isPartOf":{"@id":"https:\/\/thoth.dk\/index.php\/2024\/09\/02\/en-karrusel\/"},"author":{"name":"Per Thykj\u00e6r Jensen","@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06"},"headline":"Karrusel med &#8220;Tilpasset HTML&#8221; blokken","datePublished":"2024-09-02T12:18:07+00:00","dateModified":"2026-02-19T20:45:08+00:00","mainEntityOfPage":{"@id":"https:\/\/thoth.dk\/index.php\/2024\/09\/02\/en-karrusel\/"},"wordCount":57,"commentCount":0,"image":{"@id":"https:\/\/thoth.dk\/index.php\/2024\/09\/02\/en-karrusel\/#primaryimage"},"thumbnailUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/unge-gatur-eaaa.png","keywords":["CSS","HTML","JavaScript","karrusel","Programmering","Tilpasset kode"],"articleSection":["Tutorials","\ud83c\udde9\ud83c\uddf0 Danske Tutorials"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/thoth.dk\/index.php\/2024\/09\/02\/en-karrusel\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/thoth.dk\/index.php\/2024\/09\/02\/en-karrusel\/","url":"https:\/\/thoth.dk\/index.php\/2024\/09\/02\/en-karrusel\/","name":"Karrusel med \"Tilpasset HTML\" blokken - Wordpress og WooCommerce","isPartOf":{"@id":"https:\/\/thoth.dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thoth.dk\/index.php\/2024\/09\/02\/en-karrusel\/#primaryimage"},"image":{"@id":"https:\/\/thoth.dk\/index.php\/2024\/09\/02\/en-karrusel\/#primaryimage"},"thumbnailUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/unge-gatur-eaaa.png","datePublished":"2024-09-02T12:18:07+00:00","dateModified":"2026-02-19T20:45:08+00:00","author":{"@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06"},"breadcrumb":{"@id":"https:\/\/thoth.dk\/index.php\/2024\/09\/02\/en-karrusel\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thoth.dk\/index.php\/2024\/09\/02\/en-karrusel\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/thoth.dk\/index.php\/2024\/09\/02\/en-karrusel\/#primaryimage","url":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/unge-gatur-eaaa.png","contentUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2025\/12\/unge-gatur-eaaa.png","width":1536,"height":1024,"caption":"CoPilot: studerende p\u00e5 g\u00e5tur p\u00e5 Erhvervsakademi Aarhus."},{"@type":"BreadcrumbList","@id":"https:\/\/thoth.dk\/index.php\/2024\/09\/02\/en-karrusel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thoth.dk\/"},{"@type":"ListItem","position":2,"name":"Karrusel med &#8220;Tilpasset HTML&#8221; blokken"}]},{"@type":"WebSite","@id":"https:\/\/thoth.dk\/#website","url":"https:\/\/thoth.dk\/","name":"Wordpress og WooCommerce","description":"Syv kreative dage med WordPress og WooCommerce","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thoth.dk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Person","@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06","name":"Per Thykj\u00e6r Jensen","image":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/secure.gravatar.com\/avatar\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g","caption":"Per Thykj\u00e6r Jensen"},"description":"P\u00e5 Thoth.dk kan du finde tutorials og artikler om udvikling af websites med WordPress og online shopping med WooCommerce. Der er fokus p\u00e5 de nyeste blokbaserede temaer og metoder. Materialer og tutorials er udviklet af Per Thykj\u00e6r Jensen, lektor p\u00e5 Multimediedesigneruddannelsen ved Erhvervsakademi Aarhus.","sameAs":["https:\/\/thoth.dk"],"url":"https:\/\/thoth.dk\/index.php\/author\/per\/"}]}},"_links":{"self":[{"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/2859","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/comments?post=2859"}],"version-history":[{"count":14,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/2859\/revisions"}],"predecessor-version":[{"id":5613,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/2859\/revisions\/5613"}],"wp:attachment":[{"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/media?parent=2859"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/categories?post=2859"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/tags?post=2859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}