1.3.1 Procedures

Procedure: carousel KEY: #:id #:carousel-list-css #:item-width #:item-height #:carousel-item-css #:carousel-item-content-css #:carousel-list-wrapper-css #:carousel-button-css #:carousel-left-button-css #:carousel-right-button-css #:fragments ¶

Construct a carousel UI component.

id

The unique HTML string identifier for the inner carousel list element.

carousel-list-css

List of symbols representing CSS classes for the <ul> element.

item-width

List of symbols specifying the width CSS classes for each carousel item.

item-height

List of symbols specifying the height CSS classes for each carousel item.

carousel-item-css

List of symbols representing CSS classes for each item wrapper <li>.

carousel-item-content-css

List of symbols representing CSS classes for the wrapper <div> of the content.

carousel-list-wrapper-css

List of symbols representing CSS classes for the outer wrapper <div>.

carousel-button-css

List of symbols representing base CSS classes for the previous/next buttons.

carousel-left-button-css

List of symbols representing additional CSS classes for the left (previous) button.

carousel-right-button-css

List of symbols representing additional CSS classes for the right (next) button.

fragments

A list of HTML/component S-expression fragments to be rendered as the carousel items.

(carousel #:id "image-carousel"
          #:fragments '(((img (@ (src "img1.png"))))
                        ((img (@ (src "img2.png"))))))