参考サイトのような全画面スライドショー+αのものを実装できるjQueryはありますでしょうか?


参考サイト
https://nabco.nabtesco.com/

どうぞよろしくお願いします。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2015/02/03 19:45:23
  • 終了:2015/02/10 19:50:03

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4523ベストアンサー獲得回数18802015/02/03 22:11:23

nabtesco のアニメーションの部分は、素の jQuery だけを使って作られてると思います(さっとしか読んでません)。
アニメーションの処理が書かれているのは、以下の外部スクリプト。
https://nabco.nabtesco.com/wp-content/plugins/sitepress-multilingual-cms/res/js/sitepress.js?ver=3.9.1

アニメーションの部分は三つの層になっていて、HTML の要素として以下のものが用意されています。

  • $(".visual") ―― 背景画像
  • $(".motif") ―― 水色の矢印
  • $(".slogan") ―― 矢印の中に表示される文字

関数 slideVisual から、motifIn → sloganIn と呼ばれて表示が完了し、別途タイマーで消す処理が動いている、という感じです。

id:dekapurio

なるほどです。見てみますね。
助言いただいて有難うございます。

2015/02/03 23:07:16

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません