2012-04-01 10 views
0

Wie bearbeite ich diese HTML, damit ich die Breite eines Fotos anpassen kann, scheint tumblr die Größe des Fotosatzes nicht auf etwas Größeres zu ändern. Ich habe nachgeschlagen, verstehe aber nicht, wo eine maxwidth:600px passen würde oder ob das überhaupt der beste Weg ist.Vergrößern tumblr Fotogröße

Massiver Dank an alle, die mir aus

{block:Photo} 

    <div class="permalink"> 
    {block:IfNotDisqusShortname}<a href="{Permalink}">&rarr;</a>{block:IfNotDisqusShortname} 
    {block:Date}{block:IfDisqusShortname}<a href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}{/block:Date} 
    </div> 

    <div class="photo post"> 

    {LinkOpenTag} 
     <img src="{PhotoURL-500}" alt="{PhotoAlt}"/> 
    {LinkCloseTag} 

    {block:Caption} 
     <p>{Caption}</p> 
    {/block:Caption} 

    <div class="postmeta">{block:Date}<a href="{Permalink}">{TimeAgo}</a>&nbsp; {/block:Date}<a href="{Permalink}" style="text-transform:lowercase;">{lang:Notes} ({NoteCount})</a></div> 

    </div> 

    {block:PostNotes} 
    <div>{PostNotes}</div> 
    {/block:PostNotes} 

{/block:Photo} 
+0

Kann Sie klären, ob Sie versuchen, das Aussehen eines Fotos (ein Bild) oder eines Fotosatzes (mehrere Bilder) zu verändern. Tumblr behandelt beide unterschiedlich, daher wird die Antwort anders sein. – mikedidthis

Antwort

0

helfen können, wenn ich verstehe Ihre Frage, Sie einfach width = „600“ vor dem alt-Attribute der Image-Tags hinzufügen könnten:

<img src="{PhotoURL-500}" width="600" alt="{PhotoAlt}"/> 
+0

@Philip Ich habe den Code hinzugefügt. Ich habe es vorher nicht gemacht, weil ich auf einem mobilen Gerät war. – user1301428

-1

überprüfen Sie auf der slidestheme.tumblr.com, auf den Quellcode für diese Linie:

enter code herereplaceRawPhotoLinks: function() { 
     $("article.photo div.media a[href*='/photo/1280']").each(function() {`enter code here` 
+0

Code ist unvollständig und keine Erklärung, was dies tatsächlich tut. – mikedidthis

2

Erweiterung von 500px macht es verschwommen. Tumblr speichert tatsächlich eine Kopie Ihres Bildes weiter als 500px. Es heißt HighRes, und es ist (bis zu) 1280px.

Ersetzen Sie in Ihrem Thema HTML beispielsweise photoURL-500 durch photo-HighRes, und ändern Sie die Größe.

In meinem Thema, ich benutze es etwa so:

{block:PermalinkPage}<a href="{PhotoURL-HighRes}">{/block:PermalinkPage} 
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" {block:IndexPage}width="435px" 
{/block:IndexPage}{block:PermalinkPage}width="900px"{/block:PermalinkPage}/> 

Sie den 1280px schrumpft auf 435px für den Index und schrumpft es auf 900px für die Permalink Seite, wie hier zu sehen: http://phillypraxis.tumblr.com/tagged/images

+0

Während dies Ihnen den gewünschten Effekt gibt, senden Sie ein 1280px breites Bild, um die Aufgabe eines 500px Bildes zu erledigen. – mikedidthis