NP_OnlyImg 1.5｜URI のみを取得

最新バージョンはこちらから
NP_OnlyImg｜使用方法とダウンロード

画像の URI のみを取り出す機能を追加しました。これにより、アイテム中の画像を自由に利用できるようになります。当サイトでは、Moblog 一覧 ページで利用しています。

NP_OnlyImgの機能

1. アイテム中のイメージタグ「<img />」を抽出
2. アイテム中の Nucleus 変数「<%image%>」を xhtml 形式に展開して抽出
3. アイテム内の画像の URI のみを抽出
4. 本文、続きの部分どちらでも可
5. 複数ある場合は、最初の一つだけを抽出

使用方法

テンプレートで「<%OnlyImg%>」「<%OnlyImg(src)%>」が使用できます。

• <%OnlyImg%> アイテム中のイメージタグ「<img />」か、Nucleus 変数「<%image%>」を一つだけ表示します。
• <%OnlyImg(src)%> アイテム中の画像の URI のみを表示します。

使用例

当サイトでは、最新の Moblog 表示と、Moblog 一覧 で使用しています。最新の Moblog の使用方法は「NP_OnlyImg｜イメージタグのみを取り出す」を参照してください。

Moblog 一覧のテンプレートは以下のようになっています。

<p class="galleryItem">
	<a href="<%OnlyImg(src)%>" rel="lightbox" title="実際のサイズで表示"><img src="<%OnlyImg(src)%>" alt="<%title%>" width="70" class="moblogGallery" /></a>
	<a href="<%blogurl%><%category%>/<%itemid%>.html" class="info" title="<%title%>"><%syndicate_title(14)%></a>
</p>

ほとんど Lightbox JS を使用するために作ったようなものです。

ダウンロード

最新バージョンはこちら。
NP_OnlyImg 1.6｜特定の画像を非表示に

Keyword: NP_OnlyImg

Search

Keyword » 182