2014-11-19 11 views
8

Sono nuovo di Tumblr. Ho un problema del genere:Make Tumblr Photo Post Act As Photoset

Sto usando il tema di Indy. Quando pubblico più foto, facendo clic su di esso si comporta come una presentazione, voglio dire che è pubblicato come {block: Photoset}. Ma quando pubblico una foto, dopo aver cliccato, mi reindirizza a un'altra pagina.

Tutto quello che voglio è fare anche una sola foto come photoset e dopo aver cliccato essere visualizzati sulla stessa pagina.

In anticipo.

Ecco parte del codice HTML del tema:

{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

[questo collegamento] [1] ha risolto il problema. Non è una soluzione molto buona, ma funziona :) - [1]: http://stackoverflow.com/questions/23406370/tumblr-photo-photoset-popup – gogachinchaladze

risposta

0

Sembra che si potrebbe essere in grado di utilizzare il lightbox Tumblr già esistente avvolgendo la vostra immagine nella stessa div -

<div class="photo-slideshow"> 

Se ciò non funziona, puoi utilizzare una libreria di terze parti per farlo accadere, ad esempio, ecco una lightbox piuttosto semplice -

Dopo averlo collegato al codice, basta usare i loro documenti per caricare le immagini nella lightbox!

Problemi correlati