SmoothGalleryをXOOPSで使う（champagne_goldへのスライドショー設定方法）

カスタマイズ＆運用TIPS : SmoothGalleryをXOOPSで使う（champagne_goldへのスライドショー設定方法）

投稿者 : taka 投稿日時： 2007-4-26

各種ファイルの作成・編集（２）- theme.htmlとstyle.cssの調整

スライドショー用のファイルが出来たので、theme.html側でそれを読み込まなければなりません。 theme.htmlの53行目（ヘッダに先ほどのJS,cssへのリンクを挿入後）付近

<div id="main_img"><span class="hidden"><{$xoops_pagetitle}></span></div>

を

<{include file="$xoops_rootpath/themes/$xoops_theme/slideshow.html"}>

とします。
ちなみにtheme編集をする方は、この書き方は覚えておくとずいぶん作業が楽になりますよ。コピペでテーマディレクトリ名称を変えても、theme.htmlから切り離したリンクファイルへの設定部分をいちいち変更しなくてすみますので...。（defaultテーマを見ると意味が分かるはず）

さらに、style.css149行目～

	#main_img {
		display:block;
		background:url(images/main_img.jpg) no-repeat;
		height:132px;
		border-top:6px solid #E6E5C0;
		border-bottom:6px solid #E6E5C0;
	}

を

	#main_img {
		z-index:5;
		display: none;
		height:132px;
		border-top:6px solid #E6E5C0;
		border-bottom:6px solid #E6E5C0;
	}

として設定完了です！

どうです？予想通りの結果が得られましたか？

あとがき

もちろんスライドさせるのは、単なる写真だけでなくともOKですよね。この写真をあなたのサイトのキャッチコピーやサービスメッセージを画像に載せれば、とっても魅力的なプレゼンテーションが行えるはずです。是非あなたのサイトをもっとCOOLにしてみてください！

さてさて、このSmoothGallery、せっかくXOOPSで使うのであればもっと賢い使い方しないともったいないと思いませんか？ちまちまHTMLで画像を指定して...ってやっていても、利便性が高まったともいえないし、それは単なるサイト運営者がサイトをかっこよく見せられた、という事で終わって今います。つまりCMS的でもないし、コミュニティ的でもありません。次回は、SmoothGalleryとmyalbum-P、そしてマライカシステムTOMさんのxoops_block Smartyプラグインを使った新しいギャラリー表現方法を紹介しようと思います。これはすこし難易度高めなのですが、時間が出来たらレポート書きます。しばしお待ちを...。

どんなことをするかは、下のボタンを押してみて下さい。
（表示されている写真はmyalbum-Pと連動してるんですが、見ただけじゃわかんないですよねぇ...。）