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

时间:2012-12-19 12:07:37

标签: slideshow

我在表格中有图像,想要点击每个图像并将它们放大到屏幕上。我可以在网上找到很多这些片段,但我没有发现允许在放大的图像上写文字。这些像素是艺术品,放大后需要在它们上面写一个copywrite语句。任何人都知道如何做到这一点或在哪里找到它.... thx ....大卫

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

您可以尝试以下代码:

<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>