タグ

ブックマーク / www.miraidenshi-tech.jp (1)

  • 【jQuery】画面の幅をいっぱいに使ったダイナミックなスライダーの作り方

    �最近、jQueryを使ったカッコいい画像のスライドショーやコンテンツのスライダーが めちゃめちゃ増えてきていますね。 ネットで検索したらたくさんありすぎてびっくりしました。 そこで、今日は(最近流行ってる?)ミライデンシのHPにも使っている ブラウザウィンドウ画面の幅をめいっぱい使って コンテンツ要素をスライドさせて魅せるコンテンツスライダーを僕が作った方法で紹介します。 jQueryでコンテンツがつながっているダイナミックなスライダーの作り方 サンプル ミライデンシのHPで言うとこの部分ですね。 スライダーの中心にメインを表示するエリアを設置して その前後の画像は左右に透過させたような形で スライド要素をブラウザ枠めいっぱいに並べて配置しています。 さらにその左右の透過部分は、それぞれ「NEXT」「BACK」ボタンになっているので クリックすると一枚ずつ移動するようになっています。 動

    【jQuery】画面の幅をいっぱいに使ったダイナミックなスライダーの作り方
  • 1