Movable Typeで複数写真のロールオーバー

質問

こんばんは。MT(MTOS使用）で、http://buyself.jp/?pid=7828446
こんな感じのロールオーバーは可能でしょうか？見本のサイトは、カラーミーショップなので、元々3枚まで画像の設定ができます。MTの場合、画像が一枚つづしかUpできないので、どうするべきなのか解りません。

そもそも可能でしょうか？よろしくお願いします。

回答No.2

Muller3 · ベストアンサー

テンプレート化するのでしたら、カスタムフィールドで画像を入れていくというのはどうでしょう。一つ一つの画像をテンプレートタグ化できるので、テンプレート化しやすいような。
多分カラーミーショップのようなものも、画像を所定のフィールドに入れるんでしょうから、同じシステムをMTで作るみたいな感じかと。
あ、でも、MTOSだとカスタムフィールドは使えなかったかも？

例えば、<MTPictureA><MTPictureB><MTPictureC><MTPictureD>
とそれぞれ4つのカスタムフィールドを作れば、
テンプレート上では
<MTPictureAAsset>
<MTIfNonEmpty tag="PictureA"><img src="<$MTAssetURL$>" width="300" /></MTIfNonEmpty>
</MTPictureAAsset>

<MTPictureAAsset>
<MTIfNonEmpty tag="PictureA"><img src="<$MTAssetURL$>" width="60px" /></MTIfNonEmpty>
</MTPictureAAsset>
<MTPictureBAsset>
<MTIfNonEmpty tag="PictureB"><img src="<$MTAssetURL$>" width="60px" /></MTIfNonEmpty>
</MTPictureBAsset>
<MTPictureCAsset>
<MTIfNonEmpty tag="PictureC"><img src="<$MTAssetURL$>" width="60px" /></MTIfNonEmpty>
</MTPictureCAsset>
・・・
※上記は画像表示のみロールオーバーは適宜
という感じ。

カスタムフィールドができなければ、あとは本文に地道に画像を表示する部分を入れていけば、とりあえずポップアップウィンドウの方はテンプレート化できそうな気がするのですが。
要はエントリーと画像の関連付けをしないといけないので、それをするにはカスタムフィールドで画像をエントリーするか、本文に直接画像を入れていくか、…という話だと思います。

配列とか使えば画像についてるAssetIDとかで何かできそうな気がしないでもないのですが、それはちょっとわからないのですみません。

お礼

お礼の仕組みが解っていなくて、大変遅くなりました。ありがとうございました。

回答No.1

Muller3

「新規作成」-「ファイルアップロード」から画像をアップしてから記事に画像を挿入・追加していけば（アップは済んでいるのでアイテムから選択する形）、一つの記事に複数の画像を入れることはできます。
あとは参考サイトのように、Javascript使ったロールオーバーを設定していけばいいと思います。

補足

Muller3さん　ありがとうございました。

なるほど、複数画像のUpは可能なわけですね。勉強になりました。

これを、MTでテンプレート化する事は、可能でしょうか？
画像の指定はどうしたら良いのでしょうか？
MTでは、どのように記載したら良いのでしょうか？

何をするにも四苦八苦で、思うような結果が得られません。

お時間あれば、力になって下さい。
よろしくお願いします。
他の方もぜひ、よろしくお願いします。