GalleryP

フルスクリーンスライドショーテンプレートGalleryP

JavaScript有効時、記事本文に投稿した写真やイラストがフルスクリーンでスライドショーされるギャラリー風テンプレート。
JavaScript無効時は固定画像になります。
上の画像をクリックするとプレビューされます。

画面下部にはスライドショーされる画像のサムネイルが表示されます。JavaScript有効時にサムネイルにオンマウスするとポップアップで画像が表示され、クリックすると記事が開きます。リキッドカルーセル(サムネイル)は画面右下の矢印で、表示非表示を切り替えられます。

スクリプトはホームページ作成-Detaramehp様と BLACKFLAG.NET様からお借りしました。


フルスクリーンでスライドショーされるのは表紙や通常ブログ画面だけで、カテゴリ・タグ・検索・月別ページでは、ポラロイド写真風の画像が整然と一覧表示されます。

メニューはクリックで開閉します。各メニューボタンにオンマウスすると、ポップアップもしくはドロップダウンでコンテンツが表示されます。


JavaScript有効時、画像一覧ページで、サイドメニューのEntry Naviの記事タイトルにオンマウスすると、画像がポップアップで表示され、クリックすると記事が開きます。

表紙や画像一覧ページで表示されるのは、自ブログでアップロードし、記事本文に投稿した最初の画像に限られます
追記部分に投稿した画像や、絵文字、別ブログでアップロードした画像、その他の画像は表示されません!
スライドショーされる場合も同様です。
表紙や画像一覧ページで表示される画像の表示件数・表示順の設定方法はコチラ

Galleryテンプレートは、作者様のお許しを得て、FC2ブログプラグイン「Pictlayer」を装着させていただいておりますので、元画像にリンクしている投稿画像やテキストは、JavaScript有効時、クリックすると、別窓ではなく、同画面で原寸大サイズレイヤー表示されます。

「Pictlayer」が有効となるのは、imgタグが元画像にリンクしている場合に限られます。
imgタグのみの場合や、アルバムページへリンクしている場合は、これに含まれません。
ブログ開設時の初期設定では、ファイルアップロードされた画像はアルバムページへリンクしているので、
同画面レイヤー表示を有効化させるためには投稿設定の変更が必要です。
設定方法はコチラ

Albumボタンを非表示にする場合

画像用テンプレートということで、表紙にはデフォルトアルバムへリンクボタンが表示させましたが、不要な場合はHTMLの～ 内の(a)と(b)の行を削除するか、スタイルシートの末尾に以下を追加すると表示されなくなります。
.go-album { display: none; }
詳しくは　　コチラ

同カテゴリ前後ページのナビは関連記事リストの設定が必要です。
関連リストの設定方法はコチラ

スタイルシートを変更するとデザイン(背景色等)変更できます。
例）GalleryBをDLし、スタイルシートを差し替えれば白背景で表示できます。



スクリプトの改変は禁止です。
詳しくはGalleryテンプレート利用規約をご確認ください。

HTML:GalleryA　スタイルシート：Gallery共通CSS gray