• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage Link "im Link"?

Disscut

Neues Mitglied
19 November 2016
2
0
1
28
#1
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):

HTML:
<!-- 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.
 
Zuletzt von einem Moderator bearbeitet:

Spicelab

Mod | ZENmechanic
Team
Moderator
27 November 2015
1.669
319
83
Goa
#2
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/
  3. Stu Nicholls' CSS Demonstrations:
  4. Das HTML5 <figure>-Element -ohne Lightbox(Clone)-:

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 :)
 
Zustimmungen: Disscut

Disscut

Neues Mitglied
19 November 2016
2
0
1
28
#3
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
 
Zuletzt bearbeitet:
Top Bottom