slideshow - 滚动缩略图时如何显示大图像，允许在大图像上写入文本

Question

我在表格中有图像，想要单击每个图像并在屏幕上放大它们。我可以在网上找到很多这样的片段，但我发现没有一个允许在放大的图像上写文字。这些像素是艺术品，放大时需要在它们上面加上一份文案声明。任何人都知道如何执行此操作或在哪里可以在线找到它....谢谢....大卫

Answer 1

我能找到在图像上添加文本的唯一方法是将图像创建为背景。设置一个部门和表格允许我只将背景应用到屏幕的某个区域。

Answer 2

你可以试试这段代码：

<div id="lare_img">
<div class="copyright">Your copy right text here </div><div class="img_file"><img src="img_01.jpg"></div></div>

和样式 CSS ：

<style>

#lare_img{
  width:100% // change to your image large width ;
  height:100% // change to your image large height;
  position:absolute;
}

.copyright{
 position:absolute;
 bottom:20px;
 left:20px;
 z-index:999;
}

.img_file{
 width:100%;
 height:100%;
 float:left;
}

</style>