メニュー(スマホは左の Hamburger icon より)

ソロツーリングと気ままな旅  >  旅と気ままなフォーラム  >  XOOPS、パソコン関連  >  XOOPS関連フォーラム  >  d3 forumモジュールでlightboxを利用できるようにする

  • ここでは新たな話題の追加投稿はできません。
  • ここではゲスト投稿が禁止されています

投稿ツリー




前の投稿 - 次の投稿 | 親投稿 - 子投稿なし | 投稿日時 2017/6/28 7:59 | 最終変更
タツ  管理人   投稿数: 1810
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が利用できるように
追加
<<!-- 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='$xoops_pagetitle' data-lightbox='$xoops_pagetitle'"}>


3.lightboxを使うためのbbコード記述方法
ここを参考にして記事にコードを記述します。

なお、一般設定で画像表示の許可するにしておく必要があります。
?
投票数:0 平均点:0.00

  条件検索へ


欲しい商品が必ず見つかるメジャーなネットショップ




RSSリンクの表示

旅と気ままなフォーラムメニュー


旅と気ままなフォーラム新着投稿


旅行メジャーサイト簡素リンク

このサイト内の検索

オンライン状況

22 人のユーザが現在オンラインです。 (4 人のユーザが 旅と気ままなフォーラム を参照しています。)

登録ユーザ: 0
ゲスト: 22

もっと...