1

カスタムの Tumblr フォトセット セットアップがあるので、高解像度の画像をロードできます (フォールバックとして 500 ピクセルを使用)。個々の写真投稿についても同様です。残念ながら、何らかの理由で、フォトセットは個々の写真のようにライトボックス形式で開かれません。エフェクター テーマの修正版を使用していますが、そのテーマが提供するカスタム フォトセットは使用していません。私のコードは以下の通りです:

{block:Photoset}

{block:IfCustomPhotosets}{/block:IfCustomPhotosets}

{block:IfNotCustomPhotosets}
<div class="photo-slideshow" data-layout="{PhotosetLayout}">
{block:Photos}
<div class="photo-data">
<div class="photo">
<a class="lightbox" href="{PhotoURL-HighRes}" rel="lightbox[{PostID}]">
<img alt="{PhotoAlt}" src="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" class="{block:Caption}caption-yes{/block:Caption}" {block:Caption}data-caption="{Caption}"{/block:Caption}>
</a>
</div>
<div class="icons">
<a class="view" rel="post-{PostID}" href="{PhotoURL-HighRes}"><span class="zoom">Zoom</span></a>
<span class="info">Info</span>
</div>
</div>
{/block:Photos}
</div>
<!-- close SLIDESHOW -->
<div class="post-panel">
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
{/block:IfNotCustomPhotosets}
{/block:Photoset}

これらのフォトセットでライトボックスを再び機能させるための助けをいただければ幸いです。

動作をテストするためのリンクは次のとおりです: http://rabbitislandtest.tumblr.com/。これはテスト サイトであるため、次の一時パスワードを使用してテーマにアクセスしてください: r4bbit

更新: Tumblr カスタム テーマのリファレンス ページに、幅 700 ピクセルのフォトセットを追加できる機能があることに気付きました ( http://www.tumblr.com/docs/en/custom_themes#photoset-posts )。コードをこれに置き換えてみましたが、動作させることができませんでした。多分これは解決策になるでしょうが、それを実装する方法がよくわかりません。

前もって感謝します。

4

0 に答える 0