ユーティリティ

2017年06月

- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 -

キーワード検索

キーワード検索フォーム
キーワード

ユーザー

  • cccのアバター

新着画像

過去ログ

Twitter

Twilogを見る

Feed

エントリー

freoのentry(またはpage)で複数画像をcolorboxで表示する場合

  1. freoに画像をアップ(サムネイル使用)しておき、エントリー(またはページ)に画像の挿入を行います。
  2. 挿入した画像をクリックし、「リンクの挿入/編集」ボタン(画像の赤丸で囲んだボタン)をクリックします。
    ファイル 21-1.jpg
  3. 「リンクの挿入/編集」ウィンドウが表示されたら、「上級者向け」「専門的」タブをクリックします。
    ファイル 21-2.jpg
    「このページのターゲットに対する関係」「ページからターゲットの関係」のところを設定します(画像の例は「Lightbox」ですが何でも可)。この部分は同じ記事内では統一してください。設定できたら「更新」ボタンをクリックします。
  4. 画像にタイトルを表示したい場合は、「リンクの挿入/編集」ウィンドウが表示されたら、「一般」タブのタイトルのところを設定します。
    ファイル 21-3.jpg
  5. すべての画像に設定が完了したら登録を行います。
    登録した記事から画像をクリックすると、
    ファイル 21-4.jpg
    のように上部にタイトル(設定した場合)と移動ボタンが追加されます。
    次の画像に進むには画像右上の [next] をクリックし、前の画像に戻るには画像右上の [prev] をクリックします。
    画像を閉じるには、画像右上の [close] をクリックします。

※実装してみた感じ ⇒ こちら
※スライドショー形式(自動で画像切り替え)で表示したい場合は こちら を参考にしてください。

ページ移動

関連エントリー

コメント

マルサ

非常に有用なカスタマイズ集を作成していただき、ありがとうございます。
このたび記事を参考に、colorboxで複数画像を表示させてみようと思ったのですが
一点だけ質問させていただきたいことがあり、コメントを投稿させていただきました。
「リンクの挿入/編集」ウィンドウについてですが、なぜか記事のように
「更新」のボタンではなく「挿入」というボタンが表示されてしまいます。
「更新」の代わりに「挿入」ボタンを使用し、記事の通り
複数画像の設置手順を踏んでみましたができませんでした。
colorboxを念のため最新版に差し替えてみましたが状況は変わりありません。
なぜ「更新」ボタンが表示されないのか、もしお心当たりが
ございましたらご教示いただければ幸いです。
どうぞよろしくお願いします。

  • 2011/05/16 18:35:00

ccc

上の画面はあらかじめ画像を挿入してから設定しているのでボタンは「更新」になります。画像がまだ設定されてない場合は「挿入」になります。複数表示の設定する場合は先に一旦画像を登録(メディア挿入)してからになります。

  • URL
  • 2011/05/16 22:35:00

マルサ

返信ありがとうございました。
てっきり「更新」「挿入」の違いで複数画像表示ができないものと思い込んでいました。
うまく設定できなかった原因は何とか自己解決できました。
手順(4)でリンクURLを指定し忘れていたことに原因があったようです。
お騒がせして申し訳ありませんでした。

  • 2011/05/17 02:36:00

とおりすがり

エントリー内の画像を、レイアウトを崩さないように表示しつつ、クリックすると原寸で表示する方法がわからなかったのでこの方法はすごく参考になりました。
どうもありがとうございました。

  • 2011/05/23 16:13:00

コメント登録

  • コメントを入力してください。
  • 一旦登録したコメントは、あとで編集できませんのでご注意下さい。
登録フォーム
名前
メールアドレス
URL
コメント(コメント本文の装飾について
閲覧制限
※基本的には「全体に公開」されますが、内容によっては管理人の方で公開を制限する場合がございますので、その旨ご了承下さい。
freoをカタカナ3文字で入力してください(スパム対策)