Wie kann ich einen Link zu einem Bild in meiner Galerie hinzufügen und einen anderen Slider

Question

Ich versuche, einen Link zu dem Bild infobig2.jpg in meiner Galerie hinzuzufügen. Ich möchte auch eine weitere Folie hinzufügen, sobald Sie die Galerie betreten. Meine Website ist www.24kdesignz.com im Infografik Abschnitt I der pic wollen 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

Nach der Prüfung Ihrer Website verlinken es sieht aus wie Sie eine Menge von Plugins. Der Portfolio-Projektabschnitt vom Thema Ihrer Website wird mithilfe einer jQuery-Bibliothek namens "Maurerarbeit" eingefügt. Innerhalb Ihrer Projekte Assets >> Javascript Ordner gibt es auch eine Datei namens "scripts.js" - Dies ist, wo der Autor des Themas die Bilder in die Portfolio-Projekt Elemente injiziert.

Lösung: Bilder können keine Links sein. Sie müssen es in ein Anker-Tag einbinden. In Ihrem speziellen Fall müssen Sie es mit jQuery machen.

Ihren HTML-Markup Unter der Annahme, sieht ungefähr so ​​aus, einen eindeutigen ID-Selektor auf das Bild, fügen Sie ein Link werden wollen:

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

Dann jQuery es zu packen benutzen und es in einem Anker-Tag wickelt:

Die andere Lösung hier wäre nur einen Link unter dem Bild mit plain html hinzufügen, wenn Sie nicht bequem den jQuery-Code Ihres Themas bearbeiten.