Flips事務局からのお知らせ

Flips事務局です。

これまで、お客様からご要望をいただいていたのですが、画像機能について、今回バージョンアップをいたしました。


特徴はこの2つです。

１．画像をクリックすると拡大表示ができるようになった（画像モジュール、文章＋画像モジュール）

２．複数の画像を横に並べることができるようになった（画像モジュール）


これで、Flipsをカタログのように使うようなこともやりやすくなるんじゃないでしょうか。

では、それぞれ、こまかく説明しますね。



１．画像をクリックすると拡大表示ができるようになった


これは、最近のWebサイトによくある、クリックすると、背景が暗くなって画像が拡大で表示されるというアレですね。

表示イメージはこんな感じ↓です。

こちらの画像をクリックすると、




このように拡大表示されます。





この設定をワンクリックでできるようにしました。

こちらは、「文章＋画像」の編集部分ですが、
「クリック時の拡大表示」の部分を「する」にチェックを入れるだけ。
簡単です。

ただし、クリックすると拡大表示しますので、
クリックしたときにリンクする設定と併用することはできませんのでご注意を。



続いて、もうひとつの機能の紹介です。


２．複数の画像を横に並べることができるようになった（画像モジュール）


これまで、Flipsは、一つの編集モジュールに一つの画像しか貼り付けができませんでした。

従って、横に画像が並ぶような表現をするには、
HTMLタグでソースを書くなど、専門知識が必要でした。

この新しい機能を使えば、複数の画像を横向きに並べることができ、
新しい表現が可能になります。

・画像が並ぶカタログのような見せ方
・メニューボタンを横向きに並べる

などできそうです。


使い方ですが、

画像のモジュールで、次々とファイルをアップしていくだけです。





各画像のサイズを横幅の100％、70％、50％、30％から指定できますので、
足して100％になるように調節すれば、うまくが枠の中に収まります。





こちらは、30％のサイズの画像を3つならべたところ。

本番でみると、↓こんな感じですね。





指定されたサイズの変更で物足りない方は、
画像のサイズを計算して原寸で表示すると、
細かく作れると思います。

また、画像が横幅のサイズを超えると折り返して表示されますよ。


ということで、
いろいろな使い道があると思います。
ぜひ、工夫して使ってみてください。


これからも、新しい機能を追加予定ですので、
お楽しみに。

• 
• 
• ツイート