Frage Link "im Link"?

[Disscut]

Hallo Leute, mein Name ist Toby und ich habe eine Frage die ich durch recherche nicht selber lösen konnte.

Es geht um meine Website www.vinyllover-recordings.com
Unter dem Reiter "Releases" sieht man die einzelnen CD-Cover, beim Klick auf die Images wird zur Vollansicht "gezoomt" und darunter erscheint ein Beschreibungskästchen des Covers.

Jetzt zu meiner Frage: ist es möglich einen Link in das Beschreibungskästchen zu integrieren, damit man direkt zur Gewünschten Seite kommt um die jeweilige CD zu erwerben? Ich bin relativ unerfahren in Sachen HTML / CSS und finde keine Lösung.

Hier ist der Code für den Reiter Releases in den ich die Links einfügen möchte (bislang ohne erfolg):

<!-- Begin Releases -->
        <div class="panel">
          <div class="panel-wrapper">
            <div class="portfolio-content">
              <div id="slideshow">
                <div>
                  <ul>
                    <li><a href="style/images/1.jpg" rel="zoombox[gallery]" title="VREC001 / Disscut - Imaginary Journey"><img src="style/images/th1.jpg" alt="" /></a></li>
                    <li><a href="style/images/2.jpg" rel="zoombox[gallery]" title="SPAZIOSONORO014 / Hexagon - Special Compilation / Various Artists"><img src="style/images/th2.jpg" alt="" /></a></li>
                    <li><a href="style/images/3.jpg" rel="zoombox[gallery]" title="Release 16.12.2016 / VREC002 / Disscut - Humanity (Single)"><img src="style/images/th3.jpg" alt="" /></a></li>
                    <li><a href="style/images/4.jpg" rel="zoombox[gallery]" title="coming soon"><img src="style/images/th4.jpg" alt="" /></a></li>
                    <li><a href="style/images/5.jpg" rel="zoombox[gallery]" title="coming soon"><img src="style/images/th5.jpg" alt="" /></a></li>
                    <li><a href="style/images/6.jpg" rel="zoombox[gallery]" title="coming soon"><img src="style/images/th6.jpg" alt="" /></a></li>
                    <li><a href="style/images/7.jpg" rel="zoombox[gallery]" title="coming soon"><img src="style/images/th7.jpg" alt="" /></a></li>
                    <li><a href="style/images/4.jpg" rel="zoombox[gallery]" title="coming soon"><img src="style/images/th8.jpg" alt="" /></a></li>
                  </ul>

                </div>
                <div>

                </div>
              </div>
              <div id="portfolio-nav"></div>
            </div>
          </div>
        </div>
        <!-- End Releases -->

Ich würde mich sehr freuen wenn jemand einen Tipp für mich hätte :)
Vielen Dank im voraus.

 

[SpiceLab]

ist es möglich einen Link in das Beschreibungskästchen zu integrieren, damit man direkt zur Gewünschten Seite kommt um die jeweilige CD zu erwerben? Ich bin relativ unerfahren in Sachen HTML / CSS und finde keine Lösung.

Die Bilduntertitel der Zoombox können dafür nicht herangezogen werden, weil

1. ihr Inhalt im title-Attribut hinterlegt wird, das keinen HTML-Code enthalten kann.
2. in der Basic-Version der Caption-Bereich, wie die übrige Fläche der Zoombox klickbar ist, um in einem Galerieset vor- u. zurückblättern zu können.

Aber vielleicht kann ja auch, wie bei Lightbox2, mittels des data-title-Attributs ein Link im Bilduntertitel hinterlegt werden?

Siehe hierzu http://stackoverflow.com/questions/31320048/how-to-add-a-link-in-a-lightbox2-image-caption

Alternativen, falls es dort nicht möglich ist?

1. http://lokeshdhakar.com/projects/lightbox2/
2. http://fancyapps.com/fancybox/
   • http://fancyapps.com/fancybox/#useful -> Add something to the title (add download link)
   • -> Demo http://jsfiddle.net/zAe6Z/
3. Stu Nicholls' CSS Demonstrations:
   • http://www.cssplay.co.uk/menu/cssplay-zoombox-slideshow.html
   • http://www.cssplay.co.uk/menu/playbox.html
   • http://www.cssplay.co.uk/menu/playboxv2.html
4. Das HTML5 <figure>-Element -ohne Lightbox(Clone)-:
   • https://wiki.selfhtml.org/wiki/HTML/Textstrukturierung/figure
   • https://wiki.selfhtml.org/wiki/CSS/Anwendung_und_Praxis/Bilder_präsentieren

Sorry, für meine inflationäre Linkliste, aber so solltest Du hier nicht mit leeren Händen davonziehen, falls Zoombox besagtes data-title-Attribut nicht unterstützt :)

 

[Disscut]

Vielen Dank, das werde ich jetzt direkt einmal ausprobieren :)

EDIT: also einfach das data title attribut zu benutzen funktioniert nicht, aber ich versuche jetzt mal ob ich die zoombox nicht generell durch die lightbox ersetzen kann. Vielen lieben dank