Сделайте Tumblr Photo Post Act As Photoset

Question

Я новичок в Tumblr. У меня есть такая проблема:

Я использую тему Indy. Когда я публикую несколько фотографий, щелкнув по нему, это похоже на слайд-шоу, я имею в виду, что он размещен как {block: Photoset}. Но когда я отправляю одну фотографию, после нажатия она перенаправляет меня на другую страницу.

Все, что я хочу, это сделать даже одну фотографию как фотосет и после нажатия на нее отобразится на той же странице.

Заблаговременно.

Вот часть HTML по теме:

{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} 

Answer 1

Похоже, что вы могли бы использовать уже существующий Tumblr осветитель, обернув изображение в том же DIV -

<div class="photo-slideshow"> 

Если это не сработает, вы можете использовать стороннюю библиотеку, чтобы это произошло, например, вот довольно простой лайтбокс -

http://lokeshdhakar.com/projects/lightbox2/ 

После того, как вы подключитесь к своему коду, просто используйте свои документы, чтобы ваши изображения загрузились в лайтбокс!