https://lynxjs.org/api/elements/built-in/image.html#bindload

Triggered when the image request succeeds, outputting the image's width and height.

data Action = HandleImageLoad ImageLoadEvent

view :: context -> props -> Model -> View context Action
view model = image_ "url" [ onLoad HandleImageLoad ]

update :: Action -> Effect context props Model Action
update (HandleImageLoad ImageLoadEvent {..}) = do
  io_ (consoleLog "image load event received")

Like onLoad, but the handler also receives the target element's DOMRef. Use for main-thread (MTS) handlers that imperatively mutate the element.

Like onLoad, but dispatched on the Lynx main thread (MTS).

Runs imperatively on the MTS (no VDOM diff). Meant to be used with -XStaticPointers.

data Action = HandleImageLoad ImageLoadEvent

view_ [ event (static (onLoadMain HandleImageLoad)) ] [ "some view" ]

Like onLoadMain, but the handler also receives read-only access to the model and the target element's DOMRef (for imperative MTS mutation).

data Action = HandleImageLoad ImageLoadEvent Model DOMRef

view_ [ event (static (onLoadMainWith HandleImageLoad)) ] [ "some view" ]

https://lynxjs.org/api/elements/built-in/image.html#binderror

Triggered when the image request fails, outputting the error message and code.

data Action = HandleImageError ImageErrorEvent

view :: context -> props -> Model -> View context Action
view _ _ model = image_ "url" [ onError HandleImageError ]

update :: Action -> Effect context props Model Action
update (HandleImageError ImageErrorEvent {..}) = do
  io_ (consoleLog "image error event received")

Like onError, but the handler also receives the target element's DOMRef. Use for main-thread (MTS) handlers that imperatively mutate the element.

Like onError, but dispatched on the Lynx main thread (MTS).

Runs imperatively on the MTS (no VDOM diff). Meant to be used with -XStaticPointers.

data Action = HandleImageError ImageErrorEvent

view_ [ event (static (onErrorMain HandleImageError)) ] [ "some view" ]

Like onErrorMain, but the handler also receives read-only access to the model and the target element's DOMRef (for imperative MTS mutation).

data Action = HandleImageError ImageErrorEvent Model DOMRef

view_ [ event (static (onErrorMainWith HandleImageError)) ] [ "some view" ]

https://lynxjs.org/api/elements/built-in/image.html#bindstartplay

Triggered when the animated image starts playing.

data Action = HandleStartPlay

view :: context -> props -> Model -> View context Action
view _ _ model = image_ "url" [ onStartPlay HandleStartPlay ]

Like onStartPlay, but the handler also receives the target element's DOMRef. Use for main-thread (MTS) handlers that imperatively mutate the element.

Like onStartPlay, but dispatched on the Lynx main thread (MTS).

Runs imperatively on the MTS (no VDOM diff). Meant to be used with -XStaticPointers.

data Action = HandleStartPlay

view_ [ event (static (onStartPlayMain HandleStartPlay)) ] [ "some view" ]

Like onStartPlayMain, but the handler also receives read-only access to the model and the target element's DOMRef (for imperative MTS mutation).

data Action = HandleStartPlay Model DOMRef

view_ [ event (static (onStartPlayMainWith HandleStartPlay)) ] [ "some view" ]

https://lynxjs.org/api/elements/built-in/image.html#bindcurrentloopcomplete

Triggered when one loop of the animated image finishes playing.

data Action = HandleCurrentLoopComplete

view :: context -> props -> Model -> View context Action
view _ _ model = image_ "url" [ onCurrentLoopComplete HandleCurrentLoopComplete ]

Like onCurrentLoopComplete, but the handler also receives the target element's DOMRef. Use for main-thread (MTS) handlers that imperatively mutate the element.

Like onCurrentLoopComplete, but dispatched on the Lynx main thread (MTS).

Runs imperatively on the MTS (no VDOM diff). Meant to be used with -XStaticPointers.

data Action = HandleCurrentLoopComplete

view_ [ event (static (onCurrentLoopCompleteMain HandleCurrentLoopComplete)) ] [ "some view" ]

Like onCurrentLoopCompleteMain, but the handler also receives read-only access to the model and the target element's DOMRef (for imperative MTS mutation).

data Action = HandleCurrentLoopComplete Model DOMRef

view_ [ event (static (onCurrentLoopCompleteMainWith HandleCurrentLoopComplete)) ] [ "some view" ]

https://lynxjs.org/api/elements/built-in/image.html#bindfinalloopcomplete

Triggered when the animated image finishes playing all loopCount_ loops.

data Action = HandleFinalLoopComplete

view :: context -> props -> Model -> View context Action
view _ _ model = image_ "url" [ onFinalLoopComplete HandleFinalLoopComplete ]

Like onFinalLoopComplete, but the handler also receives the target element's DOMRef. Use for main-thread (MTS) handlers that imperatively mutate the element.

Like onFinalLoopComplete, but dispatched on the Lynx main thread (MTS).

Runs imperatively on the MTS (no VDOM diff). Meant to be used with -XStaticPointers.

data Action = HandleFinalLoopComplete

view_ [ event (static (onFinalLoopCompleteMain HandleFinalLoopComplete)) ] [ "some view" ]

Like onFinalLoopCompleteMain, but the handler also receives read-only access to the model and the target element's DOMRef (for imperative MTS mutation).

data Action = HandleFinalLoopComplete Model DOMRef

view_ [ event (static (onFinalLoopCompleteMainWith HandleFinalLoopComplete)) ] [ "some view" ]

Callback when an image_ fails to load

Callback when an image_ succeeds in loading