Question

我试图在我的图库部分添加指向infobig2.jpg图像的链接。进入图库后，我还想添加另一张幻灯片。我的网站是www.24kdesignz.com，在信息图部分，我希望图片链接到http://vs0022.businesscatalyst.com/

<img class="img-responsive project-image" src="assets/images/info.jpg" alt=""><!--Project thumb -->

<div class="hover-mask">
<h2 class="project-title">Infographic</h2><!--Project Title -->
<p>Illustrated | Icon Driven</p><!--Project Subtitle -->
</div>

<!--==== Project Preview HTML ====-->

<div class="sr-only project-description" data-images="assets/images/infobig.jpg,assets/images/infobig2.jpg" >

<p>Infographics – An Infographic is a visual representation of data and  information that is presented through a series of design-centric graphics. Its sole purpose is to educate viewers on a topic in a simplistic way – with information that is easy to digest.</p>

</div>
</article><!--End Project Item -->

Answer 1

在检查您的网站后，看起来您有很多插件。您网站主题的项目组合项目部分是使用名为＆＃34; Masonry的jQuery库注入的。＆＃34;您的项目资产内部＆gt;＆gt; javascript文件夹还有一个名为＆＃34; scripts.js＆＃34;的文件。 - 这是主题作者将图像注入投资组合项目项目的地方。

解决方案：图片无法成为链接。您必须将其包装在锚标记中。在您的具体情况下，您将不得不使用jQuery。

假设您的HTML标记看起来像这样，请为要成为链接的图像添加唯一的ID选择器：

<li id ="image2">
  <img id ="uniqueId" src="/assets/images/infobig2.png">
</li>

然后使用jQuery抓取它并将其包装在锚标记中：

$("#uniqueId").wrap($('<a>', {
  href: '/assets/png/' + data.uniqueId
}));

这里的另一个解决方案是，如果您不习惯编辑主题的jQuery代码，只需使用普通的html在图像下添加链接。

如何在我的图库和另一个滑块中添加指向图片的链接

1 个答案: