{"id":5595,"date":"2020-06-04T20:38:51","date_gmt":"2020-06-04T20:38:51","guid":{"rendered":"https:\/\/the7kennisbank.nl\/?p=5595"},"modified":"2020-06-05T14:53:29","modified_gmt":"2020-06-05T14:53:29","slug":"height-of-advance-carousel-block-ultimate-addons","status":"publish","type":"post","link":"https:\/\/the7kennisbank.nl\/nl\/ultimate-add-ons\/hoogte-van-vooruitgang-carrousel-blok-ultieme-add-ons\/","title":{"rendered":"Hoogte van geavanceerde carrouselblok - ultieme add-ons"},"content":{"rendered":"

 <\/p>\n

\n

 <\/p>\n

\n
\n

Hoogte van geavanceerde carrouselblok<\/h1>\n

Docs<\/a> \u00bb Algemeen<\/a> \u00bb Hoogte van geavanceerde carrouselblok<\/strong><\/p>\n<\/div>\n<\/header>\n

#comment><\/p>\n

\n
Laten we aannemen,<\/h5>\n
    \n
  • Je hebt 10 items in carrousel met een afmeting van 300 x 300 px<\/li>\n
  • U toont 5 items in \u00e9\u00e9n weergave.<\/li>\n
  • Het carrouselblok wordt in een rij geplaatst die een container van 1170 px breed is (dit is afhankelijk van uw thema)<\/li>\n<\/ul>\n
    Nu -<\/h5>\n
      \n
    • De collectieve breedte van uw carrousel is ongeveer 1500px (5 afbeeldingen die 300px breed zijn)<\/li>\n
    • Het carrouselblok wordt echter in een rij geplaatst die 1170 px breed is.<\/li>\n<\/ul>\n

      In dit geval kunnen uiteraard niet alle afbeeldingen zichtbaar zijn.<\/p>\n

      Afbeeldingen worden dus op een responsieve manier verkleind en uw afbeeldingen zullen iets kleiner lijken. Wanneer de breedte van een afbeelding wordt verkleind, wordt de hoogte van een afbeelding ook verkleind, zodat deze evenredig is.<\/p>\n

      Meer details -<\/h5>\n
        \n
      • Ervan uitgaande dat de rijcontainer 1170 px breed is<\/li>\n
      • Carrouselblok zou 5 afbeeldingen moeten weergeven<\/li>\n<\/ul>\n

        Elke afbeelding krijgt een oppervlakte van (ongeveer) 234px
        \n(1170px gedeeld door 5 afbeeldingen)<\/p>\n

        En de individuele afbeeldingen van 300 X 300px worden verkleind zodat ze passen in het toegewezen 234px-gebied.<\/p>\n

        Ik hoop dat dit verduidelijkt.<\/p>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"

            Hoogte van voorwaarts carrouselblok Documenten \u00bbAlgemeen\u00bb Hoogte van voorwaarts carrouselblok #commentaar> Laten we aannemen dat je 10 items in carrousel van grootte - 300 X 300px hebt. Je toont 5 items in \u00e9\u00e9n weergave. Het carrouselblok wordt in een rij geplaatst die een container van 1170 px breed is (dit hangt af van uw ...<\/p>","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[42,41],"tags":[],"class_list":["post-5595","post","type-post","status-publish","format-standard","hentry","category-knowledgebase-ultimate-add-ons","category-ultimate-add-ons","category-42","category-41","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/5595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/comments?post=5595"}],"version-history":[{"count":3,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/5595\/revisions"}],"predecessor-version":[{"id":5848,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/5595\/revisions\/5848"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/media?parent=5595"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/categories?post=5595"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/tags?post=5595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}