menu

時刻や曜日に合わせて画像・動画・テキストを自動で切り替え(Adobe Muse)

【Adobe Muse】の機能を利用したコンテンツを紹介しています。
サードパーティウィジェット「Hero Connect」Widgetを利用することで、
画像や動画、その上に掲載するタイトルやキャプションのテキストを
ランダムの他、時間や曜日で切り替え表示が可能になります。

 ☆月曜から日曜日まで曜日毎に切り替え表示。
 ☆午前、午後、夜、夜明けの時間帯で切り替え表示。
 ☆24時間、1時間毎に切り替え表示。

◎設定は配置したWidgetにCSVソースを読み込む形で行います。
読み込む方法は2種類有り、
1つは「Googleスプレッドシート」を使う方法。
リンクを設定して行う事でMuseを開かずにネット上で各設定が行えます。
もう1つは「ローカルCSVファイル」を読み込む方法。
こちらは変更を行う際にはMuseを開いて都度再設定を行います。

※テキストのカラー設定が1箇所しかありませんので画像によってはテキストが読みづらい箇所があります。

hero-connect07

hero-connect08

▽サンプル1(ランダム、曜日、時間帯のサンプルを作成しています。※ページ左上にメニューがあります。)
live-preview

▽サンプル2(24時間、1時間毎に切り替え表示のサンプルを作成しています。※分の単位は指定できません。)
live-preview

▽サンプル3(同様の事が動画でも可能です。※サンプルはランダム設定で作成しています。)
live-preview

「Hero Connect」Widgetについての詳細はコチラ(外部サイト)

filmora-pho014-01トランジション「ベーシック編6(終)」(Filmora)

twitter-feed-proページ上にTwitterのフィードを掲載(Adobe Muse)

関連記事

  1. parallax-tilt-effect

    ちょっと不思議な画像の浮き出し効果(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェット「…

  2. presentation-panels

    フルスクリーンスクロール(Adobe Muse)

    サードパーティウィジェット「Presentation Panels」Widgetを利用することで、…

  3. animated-numbers-01

    数字のアニメーションが目を引きます(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェット「…

  4. animated-toast-notification_02

    アニメーショントースト通知(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェット「…

  5. img20160423-01

    Adobe Museと連携させるコンテンツ管理システム(CMS)…

    http://www.muse-themes.com/blogs/news/11581254…

  6. water-ripple-effect02

    画面いっぱいに水の波紋(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。「Water Rippl…

  7. slides-presentations01

    スライドショーでプレゼンテーション(Adobe Muse CC)…

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェット「…

  8. multiscroll01

    左右の画面を逆スクロールで1枚に合成(Adobe Muse CC…

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェット「…

PAGE TOP