1

tumblr テンプレートをカスタマイズしていて、写真セットを含む iframe の URL にアクセスする必要があります。タンブラー ページの html を見ると、次のように表示されます。

<figure class="photoset with-caption">
  <div id="photoset_66130132457" class="html_photoset">
    <iframe id="photoset_iframe_66130132457" class="photoset" style="border:0px; background-color:transparent; overflow:hidden;" src="http://blog.kazoova.com/post/66130132457/photoset_iframe/kazoova/tumblr_mvtbtjxyAt1t05bsz/0/false" frameborder="0" height="535" scrolling="no" width="100%">  
    </iframe>
   </div>
</figure>

tumblr 変数を使用して iframe の src の値を取得するにはどうすればよいですか?

次のコードを使用して個々の画像の URL を取得できますが、これは私が探しているものではありません。

{block:Photoset}
  {block:Photos}
    {PhotoURL-500}
  {/block:Photos}
{/block:Photoset}

{PhotosetURL-500} のような {PhotoURL-500} に似たフォトセットの変数があることを願っています。

助けてください！

4

2 に答える 2

4

Photosets iframe src を取得する方法

悲しいことに、文字列としてtheme operatorを提供する はありませんsrc。唯一のオプションは{Photoset-500}、OP 状態として使用することです。ただし、iframe src を使用して作業することは可能theme operatorsです。

iframe srcの内訳

http://mikedidthis-pierre.tumblr.com/post/37187983482/photoset_iframe/mikedidthis-pierre/tumblr_meih4y5SDi1rkq61e/700/false

これを 7 つの部分に分解できます。

  1. http://mikedidthis-pierre.tumblr.com/post/
  2. 37187983482/
  3. photoset_iframe/
  4. mikedidthis-pierre/
  5. tumblr_meih4y5SDi1rkq61e/
  6. 700/
  7. /false

1 Tumblr ブログの URL。先頭にpost/. 1と2はタンダムで使用する必要があります。
2一意の投稿 ID。
3一般的で一貫したサブディレクトリ。
4一見、Tumblr のユーザー名のように見えます。カスタム ドメインのため、Tumblr の URL とは言えません。ただ、文字が入っていれば何にでも変えられそうです。
5 Tumblr が生成した一意の ID。リブログキーを考えてみてください。これは本当に必要な部分であり、これtheme operatorsを生成するものはありません。
6 iframe の幅のサイズ。
7シャドーモード。これをtrue有効にすると、フォトセット内の各写真にドロップ シャドウが追加されると思います。

これをどこまで再現できるでしょうか？

したがって、利用可能なテーマ演算子を次のように使用します。

{BlogURL}/post/{PostID}/photoset_iframe/x/ * missing 5 * /700/false

完全な src をほぼ生成できます。

http://mikedidthis-pierre.tumblr.com/post/37187983482/photoset_iframe/x/ * missing 5 * /700/false

発見 5

悪いニュースは、javascript が必要になることです。それについては説明しませんが、不足している情報を取得する方法を説明します。をフォトセットに使用する場合theme operatorsは、画像の URL `{PhotoURL-500} を使用するだけです:

http://25.media.tumblr.com/tumblr_meih4y5SDi1rkq61eo4_500.jpg

5 見えますか？それを分解しましょう：

  1. http://25.media.tumblr.com/
  2. tumblr_meih4y5SDi1rkq61e
  3. o4
  4. _500
  5. .jpg

1画像がホストされている Tumblr サーバーのアドレス。
2欠落データ 5。
3これはフォトセット内の画像の番号なので、4 番目です。ただし、これは表示順序ではなく、アップロード順序に関連していると思います。
4画像のサイズ。
5ファイル拡張子。

んで、どうする？

したがって、完全な iframe src を取得するには、javscript を使用してパート 5 のデータを検索し、それを available から既に取得しているデータと組み合わせる必要がありますtheme operators。

OPは、iframe URLが必要な理由を述べていません。おそらくレスポンシブに関係して、読み込みを遅らせると思います。

それが役に立てば幸い！

コンセプトの証明：

画像ベースのフォトセット:例.

上記の情報を使用した iframe ベースのフォトセット:例.

于 2013-11-07T01:07:17.417 に答える