bxSliderを活用した自動タグ
- 2017/04/18 03:21 JST
- 投稿者: Ivy
- 表示回数 4,170
bxSliderを活用した自動タグを開発しました。 記述方法：［medialist_bxslider:(アルバムID) (1,2,3,4,5) (ページ内のID)]
記述例：
[medialist_bxslider:12 1]
DEMO
[medialist_bxslider:10 1]
DEMOページ:
自動タグ medialist_bxslider のdemo
自動タグプラグインをインストールして以下の自動タグを追加します。自動タグのなかで、さらに、MediaGalleryで用意した自動タグを呼んでいます。
Autotags plugin: medialist_bxslider:
<div class="slider">
<ul class="bxslider#21">
[medialist:#1 src:disp theme:list limitcnt:10]
</ul>
<div class="controlWrap uk-flex-center uk-inline uk-visible-toggle uk-light">
<ul id="bx-pager#2" class="bxslider#22">
[medialist:#1 src:tn theme:list_inc limitcnt:10]
</ul>
<p id="PrevIcon#2" class="uk-position-left uk-flex uk-flex-middle"></p>
<p id="NextIcon#2" class="uk-position-right uk-flex uk-flex-middle"></p>
</div>
</div>
ivywe版に新しく追加したMediaGalleryのmedialistテンプレート list,list_inc をあらかじめアップロード。テーマはdefaultを活用すると、以下に記述の作業は不要です。