d3 forumモジュールでlightboxを利用できるようにする
- このフォーラムに新しいトピックを立てることはできません
- このフォーラムではゲスト投稿が禁止されています
1件表示
(全1件)
すべてのトピック一覧へ
投稿ツリー
-
d3 forumモジュールでlightboxを利用できるようにする
(タツ, 2017/6/28 7:59)
前の投稿
-
次の投稿
|
親投稿
-
子投稿なし
|
投稿日時 2017/6/28 7:59 | 最終変更
タツ
投稿数: 2400
オンライン
投稿数: 2400
オンライン
Gnaviモジュールlightboxの改良を参考にd3 forumモジュールでもlightboxを利用できるように設定してみました。参照
手順としては以下の通りです。
Lightbox.class.phpは既にhtml/preload の中に入っているので以下の処理をします。
1.lightboxのファイルをhtml/modules/forum（d3 forumモジュール）内の各フォルダ内に設置
・css/lightbox.css
・js/lightbox.min.js
・images/close.png
・images/next.png
・images/prev.png
2.テンプレートの変更
forum（d3 forumモジュール）_inc_eachpost.html のテンプレートに追加と変更を行います。
フォーラムの記事でlightboxが利用できるように
追加
変更この部分を↓に変更します
3.lightboxを使うためのbbコード記述方法
ここを参考にして記事にコードを記述します。
なお、一般設定で画像表示の許可するにしておく必要があります。
手順としては以下の通りです。
Lightbox.class.phpは既にhtml/preload の中に入っているので以下の処理をします。
1.lightboxのファイルをhtml/modules/forum（d3 forumモジュール）内の各フォルダ内に設置
・css/lightbox.css
・js/lightbox.min.js
・images/close.png
・images/next.png
・images/prev.png
2.テンプレートの変更
forum（d3 forumモジュール）_inc_eachpost.html のテンプレートに追加と変更を行います。
フォーラムの記事でlightboxが利用できるように
追加
<!-- lightbox Installation -->
<script async src="js/lightbox.min.js"></script>
<link rel="stylesheet" property="stylesheet" href="css/lightbox.css" type='text/css' media="all" />変更
<{$post.post_text}><{$post.post_text|replace:'data-lightbox=""':"data-lightbox='$xoops_pagetitle'"|replace:'rel="lightbox"':"data-title='' data-lightbox='$xoops_pagetitle'"}>3.lightboxを使うためのbbコード記述方法
ここを参考にして記事にコードを記述します。
なお、一般設定で画像表示の許可するにしておく必要があります。
投票数:20
平均点:5.00
1件表示
(全0件)
すべてのトピック一覧へ
