在由javascript加载的图像上添加文本

Question

<li>
    <a href="../images/fullsize/Agave.jpg" class="zoom" title="image1" onclick=""><img src="../images/thumbs/Agave.jpg" alt="" /></a>
</li>

我有JavaScript会扩展图像，但我还有一项任务，我需要在扩展图像上添加文字（Agave.jpg）这是可能的吗？

Answer 1

您可以将图像用作锚元素的背景：

<a href="../images/fullsize/Agave.jpg" class="zoom" title="image1" onclick="" style="background: url(../images/thumbs/Agave.jpg) no-repeat 0 0;width:[img-width]px;height:[img-height]px">
Agave.jpg
</a>

请注意，只有锚中的文字才会像链接一样。