TIP the_post_thumbnail & URL

  • Das mit den "the_post_thumbnail" ist ja eigentlich eine feine Sache.
    Man lädt ein Bild hoch und setzt es als Miniaturbild für die Beitragsvorschau.

    Klick und Guck
    http://www.kreuznach-blog.de/wp-content/upl…10/02/guck1.jpg


    Dieses Miniaturbild kann man dann, ganz einfach, als größes Bild in der Beitragsansicht anzeigen lassen.

    Klick und Guck
    http://www.kreuznach-blog.de/wp-content/upl…10/02/guck2.jpg

    Dazu baut man diesen Code ein:

    PHP
    <?php the_post_thumbnail('medium', array('class' => 'aligncenter')); ?>

    Nun habe ich mir gedacht, ok das Bild wird mit einer Breite von 580 Pixel angezeigt, ich habe es aber mit 900 Pixel Breite hochgeladen. Also brauchen wir den Link zu Originalgröße des Bild.

    Die bekommt man mit Hilfe folgendes Codes:

    PHP
    <?php
    //Get the Thumbnail URL
    $src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), false, '' );
    echo $src[0];
    ?>

    Und da ich das ganze via lightbox anzeigen lassen will, sieht dann der komplette Code so aus:

    PHP
    <a href="<?php
    //Get the Thumbnail URL
    $src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), false, '' );
    echo $src[0];
    ?>
    " rel="lightbox" title="<?php printf(__('%s', 'kubrick'), the_title_attribute('echo=0')); ?>" ><?php the_post_thumbnail('medium', array('class' => 'aligncenter')); ?></a>

    Damit ist das Thumb klickbar und wird in voller Größe angezeigt.


    Jetzt muss ich nur noch die "lightbox" dazu bringen, dass mehrere Bilder hinter einander angezeigt werden.

    Aber das bekomme ich auch noch raus...

    TASTE IT: http://www.kreuznach-blog.de/2010/01/28/leo…autnah-erleben/

    Cu Mac - blog.mactv24.de - Tratsch und Knatsch - Der Blick über den Tellerrand

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!