如何在jQuery图像滑块内渲染的图像内显示文本

Question

我正在使用asp.net mvc web应用程序+ JQuery + Bootstrap 3构建一个网站。

现在我正在使用提供图片库的网页模板，当我点击图片库中的图片时，将显示图片滑块。现在图像库中单个图像的标记是： -

  <ul class="listgall">
                    <li class="col-lg-4 col-md-4 col-sm-6  col-xs-6 colgal">
                        <figure><a href="img/slide_image1.jpg" class="thumb"><img src="img/gallery_image1.jpg" alt=""><span><strong>Project name:<strong><em>Lorem ipsum dolore massa</em><img src="img/searchsmall.png" alt=""></span></a></figure>
                    </li>

现在如上面的标记所示，在图片库中，当页面加载时，将显示名为gallery_image1.jpg的图像，当我将鼠标悬停在其上时，将显示一个文本

<span><strong>Project name:<strong><em>Lorem ipsum dolore massa</em><img src="img/searchsmall.png" alt=""></span>

现在，如果我点击上面的图像，另一个名为slide_image1.jpg的图像将显示在图像滑块内。

我面临的问题是，当我将鼠标悬停在滑块上时，滑块内的图像不会有任何文字，与图像库中的图像不同。任何人都可以在滑块内部渲染时如何在图像中显示固定文本？

这是我正在处理http://livedemo00.template-help.com/wt_47767/index-2.html

的网页模板图片滑块示例

Answer 1

在js/touchTouch.jquery.js中找到jQuery's touchTouch plugin code 评论很好，您应该可以轻松修改叠加图库视图，以便为每张幻灯片添加所需的内容。
所以这里没有 Bootstrap 魔法。设置CSS中所需的一切。如果需要，重复使用已有的一些样式。