冨山陽平のブログ “思いきり やりぬく”|ITの適正活用,ウェブサイト,ITの適正活用、組織風土改革、従業員満足度調査、これあらた、冨山陽平

冨山陽平のブログ “思いきり やりぬく”|ITの適正活用,ウェブサイト,ITの適正活用、組織風土改革、従業員満足度調査、これあらた、冨山陽平

  • 06
    Mar
    2021
    2021/03/06 (土)
  • 当社のウェブサイトで利用している画像スライダー機能について(サンプルあり)

 当社のウェブサイトのトップページでは、BlackFlag 様が2013年7月9日の記事で公開された「jQuery Responsive FullWide Slider」を利用させていただいております。非常に美しいスライダーで今回のWebサイトの改修でもこのプログラムだけは置き換えませんでした。

 このプログラムはjQueryに依存しますが、jQueryの現行バージョンでは非推奨になっているコードを一部利用しており、そういった部分の改修をすると、より使い勝手が良くなると考えていました。今回のWeb改修に合わせて、こちらのプログラムも次の2つの点で手を加えさせていただきました。なお、修正に当たっては、webOpixel 様の記事「自作のjQueryスクリプトをプラグイン化しよう」を参考にさせていただきました。

  • jQuery3系に合わせることを目的として、非推奨部分を修正。
  • オリジナル版では、HTMLソースに直接書き込むか、変数設定まですべて外部ファイル化する前提で構成されている。この点に不都合を感じたので、プログラム自体は圧縮して外部ファイル化し、デフォルトとは異なる変数定義はHTMLでおこなえるようにした。

 サンプルも含めて、次のページで公開させていただきました。よろしければご参照ください。

“jQuery Responsive FullWide Slider” サンプル集

  • 2021/03/06 (土)

folder_open ITの適正活用

sell

コメント(1件あります)

  1. ゆう より:

    ランキングからきました。
    難しいことはわからないのですが
    なんだか、楽しそうです。有難うございました。

コメントを残す