創作サイト向けコンテンツ管理システム freo(フレオ)
ホーム
このサイトについて
サイトマップ
有償制作
お問い合わせ
サイト内検索
キーワード
freo
freoについて
機能紹介
設置方法
各種解説
プラグイン
サポート
ホーム
サポート
サポート
記事編集
記事を編集します。
編集フォーム
名前
設置URL
本文
こんにちは。 freoにはデフォルトでlightbox系jQueryのcolorboxが導入されています。 画像をクリックすると拡大表示され、背景が白の透過になり画像を閉じるボタンが表示されるのはこのためです。 一枚の画像を表示した際に矢印(ナビゲーション)をつけて、次の画像や前の画像へ移動させたいというご要望でよろしいでしょうか? この矢印を出すためには、複数画像のグループ化する必要があります。 先日お知らせしたソースだと、日記に「ファイル」「ファイルイメージ」「ファイルのサムネイル」を自動で表示する場合に「rel="lightbox-atomium"」という属性を付与する方法をご説明していました。 試しに、日記投稿画面の「ファイル」「ファイルイメージ」機能で画像を投稿してみてください。 多分「rel="lightbox-atomium"」という属性を付与されていると思います。 さて、日記の本文に画像が挿入された場合に同属性を付与する方法ですが、下記のリンクが参考になりそうですのでご確認ください。 freoのentry(またはpage)で複数画像をcolorboxで表示する場合 http://cccabinet.jpn.org/customize.cgi?no=21 また、いちいち設定するのは面倒だからとにかく自動で画像へのリンクに「rel="lightbox-atomium"」を付けたいということであれば、 freoのcolorboxで表示される画像に自動的にrel="lightbox"を付与する方法 http://32877.xii.jp/index.php/view/170 を応用して >|| $(function(){ $('a[href$=".jpg"],a[href$=".jpeg"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".png"],a[href$=".PNG"],a[href$=".gif"],a[href$=".GIF"]').attr({ rel: "lightbox-atomium" }); }); ||< を、例えば「freo/js/default.js」に追記すればよろしいかと思います。 (上記記事から32877_colorbox_rel.jsをダウンロードした場合はそちらの内容を変更するようにしてください。)
編集キー(投稿時に設定したキーを入力してください。)
コンテンツ
新規投稿