Wie bekomme ich große Bilder in mein tumblr-custom-Design?

In Tumblr, die maximale Bildgröße beträgt 500 Pixel. Ich will wissen, wie man größere Bilder in meinem custom-theme.

InformationsquelleAutor Fred Stevens-Smith | 2012-01-12
  1. 12

    Nur die Komplexität ist auch ein fallback, so dass, wenn kein Bild in hoher Auflösung vorhanden ist, ist die standard-Größe verwendet wird. Hinweis: diese Anweisungen sind für das benutzerdefinierte Design-Erstellung, Verwendung von Tumblr die Thematisierung der Sprache. Es ist auch erwähnenswert, dass dies in einem Foto-block {block:Photo} {/block:Photo}

    Diese Methode Scharniere auf Tumblr ist {block:HighRes}. Code verpackt mit {block:HighRes}{/block:HighRes} besteht nur, wenn eine hochauflösende version des Bildes vorhanden ist.

    Ersten, verstecken das normale Bild.

    <img src="{PhotoURL-500}" {block:HighRes}style="display:none"{/block:HighRes} />

    Zweiten, zeigen Sie das große Bild mit einer benutzerdefinierten Klasse.

    {block:HighRes}
    <img src="{PhotoURL-HighRes}" class="highres">
{/block:HighRes}

    Hinweis: Der Klasse ist notwendig, da Sie wahrscheinlich benötigen, um eine maximale Bild-Breite. Wenn Sie nicht wollen, mess around mit benutzerdefinierte CSS-Sie können in der Regel nur verwenden style="max-width:100%" innerhalb des img-tag.

    InformationsquelleAutor Fred Stevens-Smith
  2. 0

    Können Sie {PhotoURL-HighRes} - es kommt auch mit einem block, um zu erkennen, ob es ein Hi-res Foto hochgeladen oder nicht. Docs und details finden Sie hier : )

    Außerdem ist es wahrscheinlich, dass Sie möchten, um zu unterscheiden, wenn Sie hochgeladen haben, ein hi-res Foto und nicht. Unter Verwendung der Blöcke, wie diese, Sie können tumblr-display hi-res Bild, wenn verfügbar, und wenn nicht standardmäßig die 500 Pixel version.

    {block:IfContentWidth500}
    <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
{/block:IfContentWidth500}

{block:IfNotContentWidth500}
    <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
{/block:IfNotContentWidth500}

    Beachten Sie, dass die high-res Fotos machen wird, auf die Größe, die Sie hochgeladen wurden. Um Ihnen zu Verhalten haben, hilft es fügen Sie eine max-width Eigenschaft, um Ihre Bild-element oder container, die in Ihrem Stile.

    Außerdem müssen Sie aktivieren Sie hi-res Fotos von Ihrem Thema Optionen

    Hoffe, das hilft!

    • vielen Dank, gebeten diese zu beantworten mich, wusste nicht, dass ich warten müssen um 7 Stunden... :S
    • Sie sagt, Sie Hinzugefügt, das weniger als eine halbe Stunde her... aber Ihr willkommen!
    • Ich meinte, Sie zu beantworten mich 😉
    • Oh, gut, ich bin sicher, Sie können sich vorstellen, warum das Zeit-limit ist...
    • Sicherlich. Ich habe versucht, eine semantische internet-Bürger und beantworten diese Frage auf quora durch die Verknüpfung hier.
    • Blöcke {block:IfNotContentWidth500} und {block:IfContentWidth500} nicht für mich arbeiten. Wo kann der Fehler???

    InformationsquelleAutor Jeff Escalante
Schreibe einen Kommentar