Comment puis-je obtenir des images de grande taille dans mon tumblr thème personnalisé?

Dans Tumblr, la taille maximum de l'image 500px. Je veux savoir comment obtenir de grandes images dans mon thème personnalisé.

OriginalL'auteur Fred Stevens-Smith | 2012-01-12

  1. 12

    La seule complexité est notamment une solution de repli, de sorte que si aucune image à haute résolution existe, la taille standard est utilisé. Remarque: ces instructions sont pour la création d'un thème personnalisé, en utilisant Tumblr de la thématisation de la langue. Il est également intéressant de noter que ce doit être à l'intérieur d'une photo du bloc {block:Photo} {/block:Photo}

    Cette méthode repose sur Tumblr du {block:HighRes}. Code enveloppé avec {block:HighRes}{/block:HighRes} n'existe que si une version haute résolution de l'image est présente.

    Première, de masquer l'image normale.

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

    Deuxième, affichage de l'image de grande taille avec une classe personnalisée.

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

    Remarque: La classe est nécessaire que vous aurez probablement besoin de mettre un maximum de la largeur de l'image. Si vous ne voulez pas perdre avec une CSS personnalisée, vous pouvez généralement utiliser style="max-width:100%" à l'intérieur de la balise img.

    OriginalL'auteur Fred Stevens-Smith

  2. 0

    Vous pouvez utiliser {PhotoURL-HighRes} - il est également livré avec un bloc de détecter s'il existe une chaîne Hi res photo ou pas. Docs et les détails peuvent être trouvés ici : )

    Aussi, il est probable que vous aurez besoin de faire la différence entre le moment où vous avez téléchargé une chaîne hi-res de la photo et non. À l'aide de blocs de ce genre, vous pouvez avoir tumblr affichage d'une chaîne hi-res photo si elle est disponible, et si pas de défaut à la 500px version.

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

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

    Noter que la haute résolution des photos est rendu à la taille, ils ont été téléchargées. Afin de garder de se comporter, il permet d'ajouter un max-width propriété de votre élément de l'image ou du conteneur dans vos styles.

    Aussi, vous avez besoin de activer hi-res photos de vos options de thème

    Espérons que cette aide!

    merci, a demandé à cela, pour répondre à moi-même, ne se rendent pas compte que je dois attendre 7 heures... :S
    Il est dit que vous avez ajouté ce moins d'une demi-heure plus tôt... mais votre accueil!
    Je voulais répondre à moi-même 😉
    Oh, eh bien, je suis sûr que vous pouvez imaginer pourquoi ce délai est en place...
    Certainement. J'essayais d'être une sémantique de l'internet citoyen et répondre à cette question sur quora en reliant ici.

    OriginalL'auteur Jeff Escalante