我想使用灯箱在文本中显示图像及其描述

时间:2015-10-22 10:37:47

标签: javascript jquery html css lightbox

我想通过点击“知道”按钮在单个灯箱或没有灯箱的情况下显示图像及其描述。谁能帮忙解决这个问题。我想用HTML代码。

1 个答案:

答案 0 :(得分:0)

也许这个决定适合你。祝你好运。



<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.1/css/lightbox.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.1/js/lightbox.min.js"></script>

<body>

<a href="http://globe-views.com/dcim/dreams/box/box-05.jpg" data-lightbox="http://globe-views.com/dcim/dreams/box/box-05.jpg" data-title="My caption">	<img class="example-image" src="http://globe-views.com/dcim/dreams/box/box-05.jpg" style="max-width:10%;max-height:10%;" alt="image-test"/>Image test</a>
  
</body>
&#13;
&#13;
&#13;