Place caption outside image in jssor?

Question

I would like to add a caption outside the image tag in the jssor Plugin

<div>
  <img u="image" src="bilder/bild2.jpg" />
  <div class="caption" u="caption" ><p>Caption text</p></div>
</div>

So that the caption wouldn't overlay the image - but be placed under it. (How) is that possible?

Answer 1

please use inline styles of 'position, top, left, width, height' for caption.

<div>
  <img u="image" src="bilder/bild2.jpg" />
  <div class="caption" style="position: absolute; top: ...px; left: ...px; width: ...px; height: ...px;" u="caption" ><p>Caption text</p></div>
</div>