1. Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!
    Information ausblenden

Frage Link "im Link"?

Dieses Thema im Forum "Alles rund HTML und XHTML" wurde erstellt von Disscut, 19 November 2016.

  1. Disscut

    Disscut Neues Mitglied

    Registriert seit:
    19 November 2016
    Beiträge:
    2
    Punkte für Erfolge:
    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):

    Code (html5):
    1. <!-- Begin Releases -->
    2.         <div class="panel">
    3.           <div class="panel-wrapper">
    4.             <div class="portfolio-content">
    5.               <div id="slideshow">
    6.                 <div>
    7.                   <ul>
    8.                     <li><a href="style/images/1.jpg" rel="zoombox[gallery]" title="VREC001 / Disscut - Imaginary Journey"><img src="style/images/th1.jpg" alt="" /></a></li>
    9.                     <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>
    10.                     <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>
    11.                     <li><a href="style/images/4.jpg" rel="zoombox[gallery]" title="coming soon"><img src="style/images/th4.jpg" alt="" /></a></li>
    12.                     <li><a href="style/images/5.jpg" rel="zoombox[gallery]" title="coming soon"><img src="style/images/th5.jpg" alt="" /></a></li>
    13.                     <li><a href="style/images/6.jpg" rel="zoombox[gallery]" title="coming soon"><img src="style/images/th6.jpg" alt="" /></a></li>
    14.                     <li><a href="style/images/7.jpg" rel="zoombox[gallery]" title="coming soon"><img src="style/images/th7.jpg" alt="" /></a></li>
    15.                     <li><a href="style/images/4.jpg" rel="zoombox[gallery]" title="coming soon"><img src="style/images/th8.jpg" alt="" /></a></li>
    16.                   </ul>
    17.  
    18.                 </div>
    19.                 <div>
    20.  
    21.                 </div>
    22.               </div>
    23.               <div id="portfolio-nav"></div>
    24.             </div>
    25.           </div>
    26.         </div>
    27.         <!-- 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: 19 November 2016
    Werbung:

    Jetzt registrieren, damit diese Werbung verschwindet
  2. Spicelab

    Spicelab Mod | ZENmechanic Team Moderator

    Registriert seit:
    27 November 2015
    Beiträge:
    1.441
    Punkte für Erfolge:
    83
    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 :)
     
    Disscut gefällt das.
  3. Disscut

    Disscut Neues Mitglied

    Registriert seit:
    19 November 2016
    Beiträge:
    2
    Punkte für Erfolge:
    1
    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: 20 November 2016