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. particles

    写真に重ねた素材に動きを付けて魅力アップ(Adobe Muse)…

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

  2. typekit01

    Adobe MuseにおけるTypekitフォント使用に関する検…

    作業画面上ではTypekitフォントが反映されるものの書き出したHTMLには反映されないので検証して…

  3. 26-menu-styles

    メニューのデザインに動きのあるちょっとしたアクセントを(Adob…

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

  4. presentation-panels

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

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

  5. animated-numbers-01

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

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

  6. youtube-video-gallery-01

    YouTubeビデオギャラリー(Adobe Muse)

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

  7. shake

    マウスオーバーで10種類の揺れを(Adobe Muse)

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

  8. dropdown-list

    ドロップダウンメニュー(Adobe Muse)

    サードパーティウィジェット「Dropdown List」Widgetを利用することで、ドロップダ…

PAGE TOP