Carousel

The first MJML interactive component, it displays a gallery of images or "carousel". Readers can interact by hovering and clicking on thumbnails depending on the email client they use.

mj_carousel(...)

mj_carousel_image(src, ...)

Arguments

...	Unnamed items that comprise this list of MJML tags.
src	image source.

See also

https://mjml.io/documentation/#mjml-carousel

Examples

mj_ml(
  mj_body(
    mj_column(
      mj_carousel(
        mj_carousel_image(paste0("https://media.vanityfair.com/photos/",
                                 "54cbf3da998d4de83ba3602a/master/",
                                 "w_960,c_limit/image.jpg")),
        mj_carousel_image(paste0("https://media.vanityfair.com/photos/",
                                 "54cbf3dafde9250a6c402ed2/master/",
                                 "w_690,c_limit/image.jpg"))
      )
    )
  )
)
#> <mjml>
#>   <mj-body>
#>     <mj-column>
#>       <mj-carousel>
#>         <mj-carousel-image src="https://media.vanityfair.com/photos/54cbf3da998d4de83ba3602a/master/w_960,c_limit/image.jpg"></mj-carousel-image>
#>         <mj-carousel-image src="https://media.vanityfair.com/photos/54cbf3dafde9250a6c402ed2/master/w_690,c_limit/image.jpg"></mj-carousel-image>
#>       </mj-carousel>
#>     </mj-column>
#>   </mj-body>
#> </mjml>