How to load and click on same element in hx-trigger?

[jet10000]

first, need load a image, and second, click the image for refresh the image.

how to do it?

[formoxyz]

First you load the image using something like

<div hx="/url_that_would_return_image" hx-target="this" hx-swap="outerHTML" hx-tigger="load"></div>

You backend can return something like this -

<button hx-get="/new_image" hx-target="this" hx-swap="innerHTML" hx-trigger="click">
	<img src="/image.jpg" alt="some image">
</button>

[formoxyz]

You can also use multiple triggers on the same element like so

<div hx-get="/get_image" hx-trigger="load, click"></div>