2014-11-19 4 views
8

Ich bin neu bei Tumblr. Ich habe ein solches Problem:Machen Tumblr Foto Post Act als Photoset

Ich benutze Indy Thema. Wenn ich mehrere Fotos poste, klicke ich darauf, dass es sich wie eine Diashow verhält. Ich meine, es wurde als {block: Photoset} veröffentlicht. Aber wenn ich ein Foto posten will, wird es nach dem Klicken auf eine andere Seite umgeleitet.

Alles, was ich will, ist, dass auch nur ein Foto als Fotoset fungiert und nach dem Klicken auf derselben Seite angezeigt wird.

Thans im Voraus.

Hier ist ein Teil der html des Themas:

{block:Photo} 
       <article class="post-photo" id="{PostID}"> 
        <div class="post-content"> 
        {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>{/block:IndexPage} 
        {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">{LinkCloseTag}{/block:PermalinkPage} 
        {block:Caption}<p>{Caption}</p>{/block:Caption} 
       {/block:Photo} 


{block:Photoset}> 
       <article class="post-photoset" id="{PostID}"> 
        <div class="post-content"> 
         <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}"> 
          {block:Photos} 
          <div class="photo-data"> 
           <a rel="post-{PostID}" href="{PhotoURL-HighRes}" {block:Caption}title="{Caption}"{/block:Caption}> 
           <div class="pxu-photo"> 
           <img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"> 
           </div> 
           </a> 
          </div> 
          {/block:Photos} 
         </div> 
        {block:Caption}<p>{Caption}</p>{/block:Caption} 
       {/block:Photoset} 
+1

[dieser Link] [1] behebt das Problem. Nicht eine sehr gute Lösung, funktioniert aber :) - [1]: http://stackoverflow.com/questions/23406370/tumblr-photo-photoset-popup – gogachinchaladze

Antwort

0

Es sieht aus wie Sie in der Lage sein könnte, die bereits vorhandenen Tumblr Leuchtkasten benutzen zu können, indem Sie Ihr Bild in der gleichen div Einwickeln -

<div class="photo-slideshow"> 

Wenn das nicht funktioniert, dann könnten Sie eine Drittanbieter-Bibliothek verwenden, um es zu ermöglichen, zum Beispiel hier ist eine ziemlich einfache Lightbox -

Nachdem Sie das in Ihren Code eingebunden haben, verwenden Sie einfach ihre Dokumente, um Ihre Bilder in den Leuchtkasten zu laden!