ef-image

Attributes

srcRequired

string

URL, path, or data URI

duration

timestring

Display duration

Static image element.

Basic Usage

<ef-image src="photo.jpg" duration="5s" class="size-full object-cover"></ef-image>

Logo/Watermark Overlay

Live

Image Slideshow

Live

Data URI (Inline SVG)

<ef-image
  src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Crect fill='%233b82f6' width='80' height='80' rx='8'/%3E%3C/svg%3E"
  duration="5s"
  class="absolute top-4 right-4 w-16 h-16">
</ef-image>