ギャラリーと別のスライダーの写真にリンクを追加するにはどうすればいいですか

Question

私のギャラリーセクションにinfobig2.jpg画像へのリンクを追加しようとしています。また、ギャラリーに入ると別のスライドを追加したいと思います。私のウェブサイトは、私はPICはあなたがプラグインの多くを持っているように見えるあなたのサイトを検査した後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

にリンクするインフォグラフィックのセクションでwww.24kdesignz.comあります。あなたのサイトのテーマからのポートフォリオプロジェクトセクションは、 "Masonry"と呼ばれるjQueryライブラリを使用して注入されます。あなたのプロジェクト資産の中に>> javascriptフォルダには "scripts.js"というファイルもあります。これは、テーマ作成者が画像をポートフォリオプロジェクト項目に挿入する場所です。

解決方法：画像はリンクできません。それをアンカータグで囲む必要があります。具体的には、jQueryを使用して行う必要があります。

あなたがリンクになりたいイメージにユニークなIDセレクタを追加し、あなたのHTMLマークアップは次のようになりますと仮定：

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

そして、それをつかむと、アンカータグでラップするためにjQueryのを使用します。

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

他の解決策は、テーマのjQueryコードを快適に編集できない場合は、プレーンhtmlを使用して画像の下にリンクを追加することです。